前端快爆

• React 17 RC 发布，一个没有新特性的大版本更新：
• 提供多版本 React 共存的能力，为此改变了 React 原有的事件代理实现，从在 document 代理事件冒泡改为了在 rootNode 代理，避免多个 React 版本都监听 document 导致 e.stopPropagation() 失效的局面。可以说正是为了这个能力，React 进行了本次大版本更新，来确保用户在之后的大版本变化中有渐进式升级项目的余地
• 微调 onScroll、onFocus、onBlur的行为，使其与浏览器原生事件的表现更接近
• 不再使用复用事件对象的优化，使其表现更为正常
• useEffect 的清空操作改为异步，将在屏幕渲染完成后调用。如果特别需要在 unmount 之前的调用，需改用 useLayoutEffect
• 在生产环境抛出异常时，提供原生的组件栈，方便定位问题所在
• 删除了一些私有的导出

• 受疫情影响，Mozilla 宣布裁员 250 人，达到了现有员工数量的四分之一，CEO 表示将会聚焦商业机会的探索

• Flutter 1.2.0 发布，带来了诸多性能改进，此外还有移动自适应、全新的小部件等特性：
• 自动剔除没使用的图标字体以减小应用尺寸
• 对发现存在卡顿的动画使用预热系统以提高流畅度
• 更好的光标支持
• 更快的 UTF-8 解码速度
• 可利用移动系统存储的密码、地址等信息自动填充文本框
• 提供了 InteractiveViewer小部件方便实现平移、缩放、拖动、放下等交互操作
• 提供了功能更为强大的 VS code 插件

• Chromium 85 新增了一个名为 content-visibility 的 CSS 属性，利用它可以让浏览器跳过某些元素（例如当前在屏幕之外的）的渲染工作以达到加快页面加载速度的目的。对 content-visibility 的介绍博文

• NPM v7 beta 发布，重要的变化如下：
• 一个 npm 包的 peerDependencies 将在 npm install 的时候被默认安装，而不是以前提醒用户手动安装
• npm install 过程中成功的脚本将不再输出信息，减少用户的负担
• npx 被重写并集成到 npm 中，这意味着 npx 将无需单独安装，且 npm 的配置参数都能用在 npx 上
• package-lock.json 升级到向后兼容的新格式，还支持了读取 yarn.lock
• 新增 acceptDependencies 来表示包可替代的依赖项，以避免重复安装

百宝箱

• CSSgram 是一个利用 CSS Filters 以及 CSS Blend Modes 特性模拟 Instagram 滤镜的库

• React Libraries in 2020 列举了在 2020 年使用 React 开发推荐配备的全家桶，比较全面地囊括了：状态管理、路由、样式、动画、表单、数据请求、国际化、测试等多个领域。

本期编辑：