乐趣区

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

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

退出移动版