HTML5中webSocket方法詳細解析

2021-09-13 14:29:15 字數 702 閱讀 6560

websocket是什麼

websocket是html5新出的一種協議,底層是基於tcp/ip協議的。跟http沒有關係,只是復用了http握手通道,用來公升級協議。

websocket的作用

輪詢:客戶端以一定的時間間隔向服務端發出請求,以頻繁請求的方式來保持客戶端和伺服器端的同步。

缺點:瀏覽器需要不斷的向伺服器發出請求,然而http請求可能包含較長的頭部,其中真正有效的資料可能只是很小的一部分,顯然這樣會浪費很多的頻寬等資源。

長輪詢:瀏覽器向伺服器傳送請求,伺服器將請求保持開啟一段時間。如果在該時間段內收到通知,則將包含該訊息的響應傳送到客戶端。如果在設定的時間段內未收到通知,則伺服器傳送響應以終止開啟的請求。

缺點:當具有較高的訊息量時,長輪詢不會提供比傳統輪詢更大的效能改進

伺服器端會阻塞請求直到有資料傳遞或超時才返回

使用websocket瀏覽器和伺服器只需要完成一次握手,兩者之間就直接可以建立永續性的連線,並進行雙向資料傳輸。

優點:能更好的節省伺服器資源和頻寬

支援雙向通訊,實時性更強

可以傳送文字,也可以傳送二進位制資料

websocket的使用

HTML5學習之 HTML 5 拖放

拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...

html5標籤屬性大全 HTML5

音訊格式 屬性 值描述 屬性 值描述 屬性值描述 屬性值描述 gz bjsh 屬性值 描述 required required 表單擁有該屬性表示其內容不能為空,必填 placeholder 提示文字 表單的提示資訊,存在預設值將不顯示 autofocus autofocus 自動聚焦屬性,頁面載入...

HTML5中快取技術

cache.html 下面是快取檔案中的配置 cache manifest revision 1 cache cache.js cache.css t.png 第一行必須是cache manifest,以 開始的行為注釋 從cache 開始其後內容為自動快取的內容 其他的配置項 network 後面...