前端技術週刊 2018-12-03:DOM

阿里媽媽前端快爆發表於2019-02-28
未標題-22.png | center | 747x309

前端快爆

  • Chrome 71 開始將試用 SXG 功能,它是由 IETF 提出,Web Package 協議規範下的 Signed HTTP Exchanges 功能的縮寫。該技術使得一個第三方伺服器可以直接向使用者提供可靠資源,且不用與原站共享 HTTPS 證照金鑰。?

點評:一項非常適合 CDN 的前瞻技術。

  • Safari 釋出了第 70 個科技預覽版,近期版本實現了 WebRTC 的功能完善、完善了 Canvas 的審查和 WebGL Shader 的 debug 功能、WebDriver 協議針對 W3C 規範進行了更新等等。?
11_21_37__12_03_2018.png | center | 747x318

點評: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 抽取出來做成表單元件。
Untitled371.gif | center | 747x299
  • 2018 年將要過去,而前端最基礎的網路請求庫還有一堆:Axios、Request、Superagent、Fetch、Supertest,如果你不知道該用哪一個,這裡有一篇比較他們的文章

  • TypeScript 3.2 釋出了,具體更新細節可見官方文件

專題:DOM 佈局

本週專題是易京為我們帶來的 DOM 佈局相關的文章列表。

佈局介紹

佈局即是計算可見節點在 Viewport 內的大小位置資訊的過程:

Reflow

當 DOM 結構發生變化、樣式變化或是呼叫某些屬性方法觸發重新構造渲染樹的過程為 reflow:

優化

優化的目的是儘量減少 reflow 發生的次數和影響範圍:


編輯:承虎 humphry & 審閱:壹絲 & 專題供稿:易京

首發地址:zhuanlan.zhihu.com/mm-fe

相關文章