前端技术周刊 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
、测量页面稳定性的 APILayout Stability
等,与会者彭星做了相关的分享。 - CSS 小组的议题包括:
scrollbar-width
和scrollbar-color
属性,高宽比单位,无 CSS 特化程度的选择器:where()
, 能与writing-mode
进行配合的 CSS 逻辑属性margin-block-start
、margin-inline-start
等,与会者 Rachel Andrew 做了相关的分享。
- 性能小组的议题包括:Portals、Web Packaging、Input Timing、In-flight Resource Requests、JS Self-profiling、Element Timing for
-
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。
- React 16.6 发布,支持了高阶函数组件创造接口
瑞士军刀
- gRPC 的 JS 客户端库 gRPC-web 已经发布,它可用于前端进行 gRPC 通信。
- Rete 是一个可视化编程库。
- Carlo 是谷歌开源的轻量级桌面端 app 封装方案,成包仅 2M,远小于 Electron 的 130M。它利用了 puppeteer 控制本地安装的 Chrome,并利用 RPC 技术进行本地 Node 端和 Web 端的通信。
专题:MVVM 源码分析
本周为慧知为我们带来的 MVVM 源码分析专题。
Vue 的相对 React 最主要特点是模板、样式、JavaScript 分离,Vue 是如何实现对模板的解析,转化成函数的呢?
Vue 的相对 React 第二个最大不同点,是借助 Object.defineProperty
实现数据变化时自动更新 DOM,它是如何实现的呢?
模板转化成函数之后,函数再与数据结合生成 Virtual DOM,首次渲染,二次渲染细粒度更新是怎么实现的呢?
由于 Vue-router 的功能与 React-router 不同,Vue-router 功能很强大,它背后是如何实现的呢?
竹隐以前写的源码分析
本期编辑:humphry & 审阅:池冰 & 专题供稿:慧知
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。