整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          程序猿HTML5與原生javascript開(kāi)發(fā)高級(jí)拖拽照片墻

          擊查看照片墻動(dòng)圖特效

          如何提高javascript邏輯思維?如何開(kāi)發(fā)特效?


          javascript課題:高級(jí)原生javascript拖拽照片墻

          知識(shí)點(diǎn):HTML/CSS布局,兼容性處理

          原生javascript DOM操作,鼠標(biāo)拖拽功能,

          碰撞檢測(cè),勾股定理計(jì)算最小距離,原生javascript運(yùn)動(dòng)框架封裝,

          面向過(guò)程函數(shù)式封裝思維。2017就業(yè)形勢(shì)分析等

          PS:這個(gè)特效對(duì)于布局的要求并不高,大部分學(xué)習(xí)web前端的朋友都可以做出來(lái),但是對(duì)

          javascript的要求不低,特別是對(duì)于邏輯思維,以及一些兼容性的處理,還有js的碰撞檢測(cè),

          算法,在這個(gè)案例里我們用的都是原生 javascript代碼,原生JS一定是我們面試中必須要學(xué)的

          東西,而不是能用jquery湊數(shù)的。

          前端學(xué)習(xí)群47059+3776,歡迎初學(xué)和進(jìn)階中的伙伴,每日分享干貨!


          以下附上HTML/JAVASCRIPT源碼:

          點(diǎn)擊查看源碼動(dòng)圖

          頭條號(hào)里有許多web前端學(xué)習(xí)視頻,企業(yè)常用特效/案例/項(xiàng)目,敬請(qǐng)關(guān)注!

          文末調(diào)查,你覺(jué)得前端工作難找嗎?

          于監(jiān)控如何設(shè)置上墻?無(wú)論是弱電行業(yè)網(wǎng)后臺(tái)留言還是一些群中,都有不少的朋友在問(wèn)起,大部分都是于上墻設(shè)置的問(wèn)題,那么本期我們來(lái)做一個(gè)總結(jié),對(duì)于海康、大華兩個(gè)品牌的攝像頭如何設(shè)置上墻。


          一、大華解碼器電視墻配置

          大華的解碼上墻分為兩種方式介紹,一種網(wǎng)頁(yè)操作,另一種SmartPSS客戶端操作。我們分別來(lái)看下兩種上墻的方式。


          一、網(wǎng)頁(yè)解碼上墻


          1、網(wǎng)頁(yè)登陸解碼器

          解碼器默認(rèn)IP:192.168.1.108,首次登錄需要初始化,用戶名admin,密碼自行設(shè)置,在設(shè)置>TCP/IP中修改成自己的IP地址

          2、添加設(shè)備

          設(shè)置>信號(hào)管理>添加設(shè)備,并確保設(shè)備狀態(tài)為在線

          3、配置電視墻

          大基線程序的解碼器,WEB登錄后電視墻界面是空白的,需新建電視墻

          1)新建電視墻方案

          方式一:電視墻界面,點(diǎn)擊正中間“+”圖標(biāo)進(jìn)入電視墻配置

          方式二:界面右下角點(diǎn)擊電視墻進(jìn)入電視墻配置

          方式三:WEB界面右上角>設(shè)置>顯示管理>電視墻配置

          進(jìn)入電視墻配置后的界面如下

          2)電視墻布局配置

          點(diǎn)擊添加電視墻,彈出電視墻布局配置窗口

          電視墻名稱自定義,點(diǎn)擊復(fù)制電視墻下的默認(rèn)按鈕,下一步

          槽位默認(rèn)就已經(jīng)綁定,不需要修改,布局可以自行拖動(dòng),然后完成

          狀態(tài)ON即可

          3)查看電視墻布局

          電視墻布局配置中怎么設(shè)置的,電視墻界面就怎么顯示


          Q:如果要修改布局怎么辦呢?

          A:可以重新進(jìn)入電視墻配置修改

          在布局設(shè)置界面直接鼠標(biāo)左鍵按住相應(yīng)區(qū)域拖動(dòng)到指定位置(如果不想要也可以點(diǎn)擊X刪除),下一步,完成

          電視墻界面的布局就會(huì)改變


          4、設(shè)置畫(huà)面上墻

          點(diǎn)擊下方的窗口分割,選擇區(qū)塊,選擇分割模式,彈出“區(qū)塊分割將會(huì)清空當(dāng)前場(chǎng)景,確定要進(jìn)行區(qū)塊分割嗎?”的提示,點(diǎn)擊確定

          鼠標(biāo)移動(dòng)到對(duì)應(yīng)通道,左鍵點(diǎn)擊選擇主碼流或者輔碼流,直接移動(dòng)到指定窗口即可上墻


          二、SmartPSS客戶端解碼上墻


          1、客戶端添加設(shè)備,確保在線

          2、進(jìn)入電視墻界面,點(diǎn)擊電視墻開(kāi)啟(網(wǎng)頁(yè)配置好客戶端能自動(dòng)獲取到電視墻)

          3、選擇畫(huà)面往需要的屏幕上拖動(dòng)上墻,也可在下方選擇對(duì)應(yīng)分割在進(jìn)行上墻


          注:如果要新建電視墻,點(diǎn)擊電視墻中的“+”,會(huì)彈出電視墻布局配置界面

          電視墻名稱自定義,選擇屏數(shù)后往空白處拖動(dòng)固定,下一步


          綁定解碼器的輸出通道后完成



          二、海康解碼上墻配置


          一、使用1100k鍵盤解碼上墻

          新的1100k v4.0最近新上線,上墻操省掉了一些步驟,我們來(lái)看下海康官方給出的步驟。


          配置之前,我們先了解下1100K配置思路。

          老版本界面:

          登錄管理員賬號(hào)—添加設(shè)備—添加用戶、關(guān)聯(lián)設(shè)備—切換操作員賬號(hào):查看輸入/輸出列表—解碼上墻

          4.0新界面:

          1.鍵盤操作頁(yè)面登錄—2.添加設(shè)備—3.查看輸入/輸出通道號(hào)(通道管理)—4.解碼上墻(區(qū)域管理)

          【區(qū)別】4.0跟之前的版本不一樣,不需要操作員賬號(hào)去操作,可以直接用admin直接操作解碼上墻。


          那么新的版本是如何上墻的呢?

          1、登錄鍵盤操作頁(yè)面,在這個(gè)頁(yè)面可以看到我們鍵盤操作里的所有一級(jí)菜單


          2、設(shè)備管理中添加設(shè)備。一般情況除了IPC設(shè)備都往中心設(shè)備里添加,且就算在IPC界面添加了個(gè)NVR或者解碼器,v4.0版本也會(huì)自動(dòng)歸類到中心設(shè)備那里去的。這樣方便很多。


          3、通道管理查看輸入/輸出通道號(hào)

          4、區(qū)域管理,添加區(qū)域名稱,選擇電視墻,起始坐標(biāo)幾行幾列,點(diǎn)擊保存。進(jìn)入對(duì)應(yīng)區(qū)域名稱的頁(yè)面,關(guān)聯(lián)輸出口選擇要關(guān)聯(lián)的輸入設(shè)備編號(hào)名稱,保存。即可完成解碼上墻操作。

          思考網(wǎng)頁(yè)設(shè)計(jì)的演變過(guò)程時(shí),參考西方建筑的歷史會(huì)非常有幫助。作為藝術(shù)形式,兩者有很多相同點(diǎn):

          1. 是人們聚集的場(chǎng)所。
          2. 具有實(shí)用性。
          3. 受到技術(shù)進(jìn)步的極大影響。
          4. 雖然實(shí)用,但也是藝術(shù)。

          考慮到這些特點(diǎn),可以發(fā)現(xiàn)兩者的進(jìn)化過(guò)程非常相似。兩者都以相同的方式在過(guò)去的作品的基礎(chǔ)上構(gòu)建新的作品。如果想了解網(wǎng)頁(yè)設(shè)計(jì)的未來(lái),那么可以看看建筑師們走過(guò)的道路。

          I. 新石器時(shí)代

          簡(jiǎn)單且有限的結(jié)構(gòu)。

          不同大小的體塊有強(qiáng)有弱,在這個(gè)時(shí)代里,如何整理和組織多要素之間的關(guān)系是一項(xiàng)艱巨的任務(wù)。

          巨石陣 公元前3000–2000年

          W3.org 1992年


          II.古典時(shí)代

          對(duì)齊,比例分配和一些裝飾。

          在古典時(shí)代,整體的平衡和等級(jí)制度得到改善,同時(shí),根據(jù)不同的目的將元素劃分為不同的“部分”,并常用A素材(石頭)去模仿帶有裝飾的B素材。例如,在多立克柱式上,我們可以看到柱頂部分模仿了木梁。在網(wǎng)頁(yè)設(shè)計(jì)中,三維按鈕則模仿了物理按鈕。

          帕特農(nóng)神廟 公元前437年

          Yahoo.com 1996年


          III.羅馬式

          厚實(shí)的形狀和圓角。

          在羅馬時(shí)代,不僅大量使用圓角,墻和隔板開(kāi)始變厚。網(wǎng)頁(yè)設(shè)計(jì)也一樣,又重又厚的按鈕的出現(xiàn)便于用戶去單擊。

          瑪麗亞(Maria Laach)修道院 1093年

          Apple.com 2000年


          IV.哥特式

          醒目的裝飾。

          在哥特時(shí)代,由于建筑技術(shù)的進(jìn)步,使以前不可能的結(jié)構(gòu)成為可能。哥特式建筑采用莊重而宏偉的設(shè)計(jì),讓我們似乎忘記是由石頭所建成,一切仿佛渾然天成。在網(wǎng)頁(yè)設(shè)計(jì)中,CSS和Flash是網(wǎng)頁(yè)設(shè)計(jì)中的亮眼的存在。帶有Flash和CSS的網(wǎng)頁(yè)與哥特式一樣,也深深地吸引著我們。

          蘭斯大教堂 1211年

          Maroon5.com 2005年


          V.文藝復(fù)興

          簡(jiǎn)單,邏輯,精心。

          哥特式將其地位移交給了文藝復(fù)興,我們現(xiàn)在的網(wǎng)頁(yè)設(shè)計(jì)正處于這個(gè)時(shí)代。網(wǎng)頁(yè)設(shè)計(jì)同文藝復(fù)興時(shí)期的建筑一樣,旨在回歸古典,用簡(jiǎn)單的幾何形狀來(lái)替換復(fù)雜的裝飾,并且簡(jiǎn)化了設(shè)計(jì)。

          拉羅通達(dá)別墅酒店 1567年

          Rdio.com 2012年


          VI.將來(lái)會(huì)發(fā)生什么?

          我們也許可以以某種方式預(yù)測(cè)未來(lái)。無(wú)論是建筑還是網(wǎng)頁(yè)設(shè)計(jì),有可能是新浪漫主義或新哥特式,或者其他風(fēng)格,但是都具有“新”的東西。藝術(shù)的發(fā)展日新月異,不時(shí)重現(xiàn)過(guò)去的痕跡。但是新技術(shù)和新世界觀將創(chuàng)造我們昨天無(wú)法想象的新事物。

          也或許,會(huì)誕生更多奇怪的事物。




          文章內(nèi)容禁止轉(zhuǎn)載。

          關(guān)注公眾號(hào):造藝塾

          了解更多日本美術(shù)類大學(xué)升學(xué)資訊,

          設(shè)計(jì)知識(shí)與日本新鮮事。


          主站蜘蛛池模板: 国产在线视频一区| 精品欧美一区二区在线观看| 美女啪啪一区二区三区| 亚洲综合一区二区精品导航| 深夜福利一区二区| 免费无码A片一区二三区| 国产一区二区三区不卡观| 国产一区二区三区在线| 亚洲天堂一区二区三区四区| 少妇无码AV无码一区| 国产一区视频在线免费观看| 亚洲精品国产suv一区88| 无码人妻一区二区三区在线| 免费av一区二区三区| 国产凹凸在线一区二区| 日本高清成本人视频一区| 国产av夜夜欢一区二区三区| 国产成人精品一区二区A片带套 | 国产在线精品一区二区在线看| 亚洲视频一区二区三区| 奇米精品视频一区二区三区 | 国模无码视频一区| 91视频一区二区| 99久久人妻精品免费一区| 一区二区三区免费视频播放器 | 国产成人精品一区二区三区免费 | 国产一区二区三区手机在线观看| 麻豆文化传媒精品一区二区| 亚欧成人中文字幕一区| 久久精品国产一区| 台湾无码一区二区| 中文字幕精品一区| 国产精品无码一区二区三级 | 人体内射精一区二区三区| 亚洲一区二区三区首页| 亚洲av乱码一区二区三区| 日本亚洲成高清一区二区三区| 亚洲av午夜福利精品一区| 日韩一区二区三区无码影院| 色欲综合一区二区三区| 国产在线一区二区三区|