前端技術週刊 2018-11-12：MVVM 源碼分析

前端技術週刊 2018-11-12

終於捱過雙十一，距上次發刊已經間隔了三週，咱們對新聞消息也進行了聚合。若是您喜歡本期的組織方式，請留言告訴咱們。

前端快爆

• IETF 103 於11月上旬結束，其中，QUIC（基於 UDP 的傳輸層協議） 工做組討論了 HTTP-over-QUIC 的協議細節，並在會議結束後，將其命名爲 HTTP/3。🔗

• W3C TPAC 2018 於10月下旬在法國進行，其中包含 47 個不一樣議題方向的小組。🔗

  • 性能小組的議題包括：Portals、Web Packaging、Input Timing、In-flight Resource Requests、JS Self-profiling、Element Timing for img 、測量頁面穩定性的 API Layout Stability 等，與會者彭星作了相關的分享。
  • CSS 小組的議題包括：scrollbar-width 和 scrollbar-color 屬性，高寬比單位，無 CSS 特化程度的選擇器 :where()， 能與 writing-mode 進行配合的 CSS 邏輯屬性 margin-block-start、margin-inline-start 等，與會者 Rachel Andrew 作了相關的分享。

• Firefox 63 發佈，開發者工具新增了可訪問性檢查和字體編輯器，並支持了 Web Component。🔗

  • 隨着 Firefox 63 的支持，Web Component 與 Shadow DOM API 完成了全部主流瀏覽器的覆蓋。🔗
• V8 7.1 發佈，針對部分閉包內的變量引用場景進行了優化，WebAssembly.Module 對象能夠與 Web Worker 進行 postMessage 通訊，支持了相對日期格式化 API Intl.RelativeTimeFormat。🔗

• React Conf 2018 已經落幕，介紹了大量新功能。🔗

  • React 16.6 發佈，支持了高階函數組件創造接口 React.memo 、異步模塊封裝 React.lazy 、 contextType、異常 fallback 處理 getDerivedStateFromError() 接口。🔗
  • React 16.7 中將追加 Hooks 如 useEffect、useState，用於抽取數據變動邏輯。
  • React 16.7 同時還會支持併發渲染模式和 Suspense API。

瑞士軍刀

• gRPC 的 JS 客戶端庫 gRPC-web 已經發布，它可用於前端進行 gRPC 通訊。

• Rete 是一個可視化編程庫。

• Carlo 是谷歌開源的輕量級桌面端 app 封裝方案，成包僅 2M，遠小於 Electron 的 130M。它利用了 puppeteer 控制本地安裝的 Chrome，並利用 RPC 技術進行本地 Node 端和 Web 端的通訊。

專題：MVVM 源碼分析

本週爲慧知爲咱們帶來的 MVVM 源碼分析專題。

• Vue 模板編譯原理

Vue 的相對 React 最主要特色是模板、樣式、JavaScript 分離，Vue 是如何實現對模板的解析，轉化成函數的呢？

• Vue 變化偵測原理

Vue 的相對 React 第二個最大不一樣點，是藉助 Object.defineProperty 實現數據變化時自動更新 DOM，它是如何實現的呢？

• 深度剖析：如何實現一個 Virtual DOM 算法

模板轉化成函數以後，函數再與數據結合生成 Virtual DOM，首次渲染，二次渲染細粒度更新是怎麼實現的呢？

• Vue-router 源碼分析 - 總體流程

因爲 Vue-router 的功能與 React-router 不一樣，Vue-router 功能很強大，它背後是如何實現的呢？

• React 源碼分析-上篇（首次渲染實現原理）
• React 源碼分析-下篇（更新機制實現原理）

竹隱之前寫的源碼分析

• 各個前端框架性能評測

---

本期編輯：humphry & 審閱：池冰 & 專題供稿：慧知