技术周刊（2019-01-28 VSCode）

前端技术周刊 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.七、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 插件开发全攻略

---

编辑：承虎 & 审阅：壹丝 & 专题供稿：自勉