前端技术双周刊-2021.9.15

JavaScript

• Proxy 和 Reflect 的要注意的问题与局限性
  这篇文章带你了解 Proxy 的用法，Proxy 有哪些局限性，Proxy 的最佳搭档 Reflect 的用法

• ECMAScript 双月报告：Pipeline Operator 进入 Stage 2

• 精读《捕获所有异步 error》
  讨论了在各种异步情况下该如何捕获异常。大部分异步错误，都可以通过 await 的方式解决，我们唯一要注意的是，await 仅支持一层，或者说一条链的错误监听。如果有一层异步脱离了 await，则正常写法则无法捕获。针对这个问题，原文也提供了例如 Promise.all、链式 Promise、.catch 等方法解决。附原文链接

CSS

• 深入了解魔性的CSS字体
  介绍了字体和字重的回退机制，并对如何合理设置字体和字重给出建议

跨端

• React Native’s Many Platform Vision
  React Native 的愿景是将 React Native 扩展到移动之外，目前已经开始与 Facebook 的桌面团队和 VR 团队合作。当拥抱每个平台的平台约束，从各项知识中学习，从其他参与者那里收集灵感时，生态系统中的每个平台都会受益。

Node.js

• 废宅阿斗 NPM 即将被 Node.js 官方抛弃
  Corepack 会成为 Node.js 官方的内置 CLI，用来管理『包管理工具（npm、yarn、pnpm、cnpm）』，用户无需手动安装，即『包管理器的管理器』。Corepack 从 16.9.0 开始，内置到 Node.js 的安装包中。npm 将慢慢从 Node.js 内置包中移除，预计在下一个大版本启动。

软件设计、实践

• The data model behind Notion’s flexibility
  Notion 是一个新颖的文档服务，它背后的数据模型是如何设计的？

• Migrating Notion’s marketing site to Next.js
  Notion 团队迁移 Next.js 的过程分享。

• 浅谈弹幕的设计
  讨论了弹幕的设计：舞台、轨道和弹幕池，以及弹幕的两种实现方式：HTML + CSS、Canvas。

拓展阅读

• github 又出新功能，布局云端 vscode？
  近日 Github 新出了一个功能，用户可以通过将 url 中的 「.com 替换为 .dev」 来直接打开在线版的 vscode 编辑器。

• 技术债四象限理论
  技术债（TechnicalDebt），俗话叫『坑』，即一切不合理的设计或妥协都可以称之为技术债。技术债按照产生的原因，划分为鲁莽的（Reckless）/谨慎的（Prudent） 以及故意的（Deliberate）/无心的（Inadvertent）4个象限。针对技术债的不同原因，探讨了如何避免和解决技术债。

• 工信部：整治屏蔽网址链接，保障合法网址正常访问
  对移动 web 影响深远。

• What is Web3? The Decentralized Internet of the Future Explained
  对 Web 3.0 的展望，看上去目前还很不成熟。

• Powers of 10: Time Scales in User Experience
  影响用户体验的一些关键时间节点

开源项目

• smartcrop.js
  Smartcrop.js 可以智能识别图片中最主要的部分，浏览器和 Node 环境均可运行。

• web2img
  将网页内容打包成 .png 文件，托管到免费 CDN，之后通过 Service Worker 解析展现。

编辑：梅旭光 审阅：胖总、Mr.Q、三水清、希达