前端技术周刊 2019-01-28
前端快爆
-
Firefox 65 发布，设置了
disabled属性的元素也可以触发事件了，<script>元素支持referrerpolicy属性了，实现了 CSS 环境变量env()（Chrome 69，Safari 11 已支持），新支持了 WebP 格式的图片（Chrome、Edge 18 已支持）。? -
Safari 科技预览版 74 发布，fetch 接口支持
abort()了，支持了 CSS Color Level 4 中定义的新 rgb()、 rgba() 语法，默认支持了window.visualViewport，WebAuthn 和 WebRTC 有细节支持性变化。? -
Chrome 意欲实现 Priority Hints 以标识前端资源的优先级。?
点评：前端控制网络层又多一个工具。
- Node.js 11.7、11.8 接连发布，默认支持了
worker_threads模块，支持了压缩格式 brotli，实验性支持了 Subresource Integrity Checks。?
点评：worker_threads 相比新开进程的方案更加轻量省内存，附赠说明文章一、二。
百宝箱
- 基于 Web Components 的 UI 框架 Ionic 4.0 发布，本代主版本基于 Angular，同时实验性支持了 React 和 Vue，同时支持 Web 和 PWA 应用。?
点评：Ionic 刚出来的时候，既没有预见 Angular 会被打趴下，也没有预见基于 WebView 的 Hybrid 开发在那个时代流畅度极难优化，现在的转型姗姗来迟。话说回来，基于 Web Components 技术依然是一个亮点。
- Mozilla 的物联网项目 Mozilla IoT 0.7 版本发布，支持摄像头和传感器等输入设备。?
点评：JavaScript 渗透进嵌入式开发了，就问同僚慌不慌。
- Software Galaxies 是一个把 npm 包的依赖关系可视化的项目。
点评：查看 demo 需要在墙外。感受到选择恐惧症的压力了吗。
专题：VSCode
VSCode 是当下最流行的前端编辑器。作为微软推出的现代编辑器，它已经在 GitHub 上开源, 使用 Electron 架构，代码编辑器层为 Monaco。
技术架构：
- VSCode 的 Why、How 和 What
- VSCode 源码解读
- VSCode 源码结构
- VSCode 源码中的算法与优化
- Electron 应用结构
定制开发：
- 定制化 IDE 选型笔记
- VSCode / Egret Wing 技术架构
- VSCode 插件开发全攻略
编辑：承虎 & 审阅：壹丝 & 专题供稿：自勉