乐趣区

前端技术周刊 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 & 审阅:池冰 & 专题供稿:慧知

退出移动版