當前位置:首頁 » 網頁前端 » web交互技術
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web交互技術

發布時間: 2023-06-28 21:13:51

⑴ Web前後端交互方式

HTTP長連接

HTTP1.1協議具備的,TCP連接一直不斷保持著,Connection:keep-alive頭來驗證是否支持。

Web交互方式

普通輪詢:普通的前後端通信方式,請求中多半無用,可以使用HTTP長連接技術;可以使用AJAX(XMLHttpRequest類),也可以使用ifram方式請求;實時性差。

長輪詢:對於有實時性要求的場景(其實在兩次連接之間,還是會有實時性問題),客戶端發送請求後,後端hold住,有數據時才返回,客戶端收到後斷開,再啟用新的請求進行連接,通過這樣的方式模擬服務端推送。節省了反復建立連接的開銷,但是伺服器端會一直while保持著連接消耗資源,伺服器端需要設置好超時時間(set_time_limit),有數據時返回(flush&ob_flush)超時時間內如果沒有數據返回,則需要跳出斷開連接,以免死循環。這種模式被稱為反向AJAX/Comet,由伺服器端進行數據實時推送。問題是:服務端開銷依然很大,每次通信都需要一次請求,HTTP請求頭中帶大量Cookie等信息,浪費帶寬。IE不支持AJAX,因此需要iframe代替。

SSE(Server-Sent Evetns):HTML5的Comet方案。SSEAPI創造到伺服器端的單向連接,服務端推送的模式,伺服器響應的MINE必須是「text/event-stream」,用於伺服器端給客戶端實時傳數據,只進行一次連接,則後續服務端可以一直傳送數據。

數據流:在長輪詢的基礎上,收到數據後不要斷開連接,繼續接受服務端數據;由於數據流是不斷的,所以需要客戶端自己來處理解析數據和管理游標,增量處理獲得的數據,增加了邏輯復雜度。

Websocket:替代長輪詢方式,減少開銷。

⑵ web前端技術包括哪些

web前端技術包括哪些內容?分享一份web前端的學習路線,包含每個階段需要掌握的知識點,可以參考下

1、PC端頁面製作與動畫特效

學習HTML+CSS搭建網頁、CSS動畫特效、PhotoShop切圖等基礎知識,獲得初級Web前端工程師技能,主要進行PC端網頁製作與樣式設計實現,能夠配合UI設計師進行項目開發。

2、移動端頁面製作與響應式實現

講解移動端布局與設備適配、響應式設計與實現等,獲得移動端頁面適配工程師技能,主要進行移動端網頁的布局製作與樣式設計實現。可以適配各種手機尺寸,並能利用響應式進行移動端與PC端適配。

3、JavaScript與jQuery開發

同HTML5基礎知識一樣,JavaScript開發與jQuery開發是職業晉升必備的技能包,獲得中級Web開發工程師技能,主要進行頁面行為交互,實現網站常見特效,加輪播圖,選項卡,拖拽效果等,並能配合UI和後端進行項目開發。

4、HTML5高級框架技術開發

常用的Vue框架開發,React框架開發,Angular框架開發,數據可視化技術。可獲得中級Web前端工程師技能,主要適用框架開發企業項目,實現單頁面應用開發。可以完成復雜的數據交互應用場景,具備獨立開發項目能力。

5、全棧前後端技術開發

Node.JS技術,其他後端技術,如Java或PHP。可獲得高級Web前端工程師技能,鉛顫主要進行前後端全棧樣式開發,能獨立完成一個中小型項目的前槐大敗後台,對於網站開發有著非常熟練的編程能力。

可以從零開始,一步步的掌握前端開發的各項相關技能,最終達到企業對初級前端開發工程師、中級前端開發工程師、高級開發工程師等職位的要求。

學web前端一般在2萬左右,4-6個月左右的時間。應該根據自己的實際需求去實仿碰地看一下,先好好試聽之後,再選擇適合自己的。只要努力學到真東西,前途自然不會差。