前端快爆
- Chrome 71 開始將試用 SXG 功能,它是由 IETF 提出,Web Package 協議規範下的 Signed HTTP Exchanges 功能的縮寫。該技術使得一個第三方伺服器可以直接向使用者提供可靠資源,且不用與原站共享 HTTPS 證照金鑰。?
點評:一項非常適合 CDN 的前瞻技術。
- Safari 釋出了第 70 個科技預覽版,近期版本實現了 WebRTC 的功能完善、完善了 Canvas 的審查和 WebGL Shader 的 debug 功能、WebDriver 協議針對 W3C 規範進行了更新等等。?
點評:Canvas 除錯功能還是非常棒的。
-
Node.js 十一月累計安全更新發布,修正了大 http 請求頭導致拒絕服務、 debugger 埠任意程式碼執行、Slowloris 拒絕服務及部分 OpenSSL 漏洞。為了預防這些安全風險,可以升級到 Node.js 11.3.0 / 10.14.0 / 8.14.0。?
-
Vue Conf 於 11 月下旬在杭州舉行,會上與大家同步了 Vue 3 的更新訊息:為提速而完全重構的 Virtual DOM 實現,基於 Proxy 實現的全新監聽系統,程式碼更小,使用 TypeScript 重構,開放了響應式資料更新 API 等等。所有議題的 PPT 已上傳官網。?
點評:應該是第一個大型基於 Proxy 介面的框架了,期待。
- 第 13 屆 D2 前端技術論壇將於杭州在明年1月6日舉行,現在可以購買普通票了。?
瑞士軍刀
- Retoggle 是一個基於 React Hooks 的腦洞:把一個元素中可以定製的變數,用 React Hooks 抽取出來做成表單元件。
-
2018 年將要過去,而前端最基礎的網路請求庫還有一堆:Axios、Request、Superagent、Fetch、Supertest,如果你不知道該用哪一個,這裡有一篇比較他們的文章。
-
TypeScript 3.2 釋出了,具體更新細節可見官方文件。
專題:DOM 佈局
本週專題是易京為我們帶來的 DOM 佈局相關的文章列表。
佈局介紹
佈局即是計算可見節點在 Viewport 內的大小位置資訊的過程:
Reflow
當 DOM 結構發生變化、樣式變化或是呼叫某些屬性方法觸發重新構造渲染樹的過程為 reflow:
- 觸發 reflow 操作 [英文版] [中文版]
- CSS Triggers
- 高效能 JavaScript 重排與重繪
- 診斷強制同步佈局
優化
優化的目的是儘量減少 reflow 發生的次數和影響範圍:
- 縮小樣式計算的範圍並降低其複雜性
- 避免大型、複雜的佈局和佈局抖動
- Preventing `layout thrashing`
- fastDom
- Introducing `layout boundaries`
- What are Reflows and Repaints and How to Avoid Them
編輯:承虎 humphry & 審閱:壹絲 & 專題供稿:易京