前端快爆
- WebKit 推出新的著色語言 WHLSL,它對 HLSL 進行了擴充套件,變得更安全、更可靠。?
- 最新的 Safari 技術預覽版讓 a 標籤預設開啟 noopener 模式,此前當 a 標籤使用
target="_blank"
在新標籤開啟頁面時,可以使用window.opener
控制連結所在的頁面。Firefox 也即將預設開啟該功能。?
- C- CSSWG 最近討論將 :matches() 選擇器改名為 :is(),以便更好的與 :not() 對應。Chrome 很快完成了改名,比較麻煩的是,Safari 9 之前已經發布了該選擇器 。?
- Chrome Chrome Dev Summit 2018 已完成舉行,會中釋出了更多的 PWA 支援,上線了 web.dev 以瀏覽更多 PWA 專案,並提供了 PWA 和 WebAssembly 的樣板專案 sqoosh,釋出了 Visbug 專案用於視覺進行快速網頁設計等等。?
- Safari 技術預覽版正式啟用
<input type="color">
,至此所有主流瀏覽器都已經支援該特性。? - Node.js 10 正式釋出,同時,npm 6 也隨之釋出。據瞭解,今年 10 月,Node.js 10.x 將成為長期支援版本,該版本搭載 V8 6.6 引擎,也是第一個支援 OpenSSL 1.1.0 的版本。該版本專注於穩定性、擴充套件支援以及為各類應用提供一個可靠穩定的平臺。?
優秀 Demo
專題:WebSocket
簡單的說,WebSocket 是基於 TCP 協議的上層協議,client 在 HTTP 第一次請求包頭中加入 Upgrade 欄位告訴 server 需要升級到 WebSocket 協議,server 返回狀態碼 101 告訴客戶端協議升級成功,此後雙方通訊基於 WebSocket 協議,該連線擁有雙向通訊的能力,server 也可以主動發訊息給 client。
介紹
進階
相關應用
- 使用 WebSocket 和 CSS3 創造魔法
- websocket與爬蟲 例項講解如何抓取 WebSocket 資料
- 製作【你畫我猜】小遊戲
- WebSocket 實現多屏互動
- 多屏互動貪吃蛇
工具/資源
- SocketCluster WebSocket服務叢集解決方案
- WebSocket-Node 大部分使用 JavaScript,效能關鍵部分使用 C++ node-gyp 實現的庫,相容性不錯。
- uWebSockets 是純 C++ 實現的 WebSocket 庫,以高效能著稱。
- socket.io 將資料傳輸部分獨立出來形成 engine.io,engine.io 對 WebSocket 和 AJAX 輪詢進行了封裝,形成了一套API,遮蔽了細節差異和相容性問題,實現了跨瀏覽器/跨裝置進行雙向資料通訊。
- Sockjs 是一個瀏覽器上執行的 JavaScript 庫,如果瀏覽器不支援 WebSocket,該庫可以模擬對 WebSocket 的支援,實現瀏覽器和 Web 伺服器之間低延遲、全雙工、跨域的通訊通道。
本期編輯: @一絲;審閱: @humphry huang;專題供稿:@付英軍。
首發地址:zhuanlan.zhihu.com/mm-fe