前端技术双周刊#15-2022.1.19

2021回顾系列

• 2021 JavaScript Rising Stars
  2021年度 JavaScript Rising Stars 报告，根据代码库 stars 增长数量排名的报告，比较客观。

• 了不起的 Chrome 浏览器系列：2021年，Chrome 哪些变化最值得关注？
  了解 Chrome 的发展可以帮助我们理解整个前端行业的发展趋势，浏览器的能力就是前端行业的边界所在（Web3.0另说），主要推动浏览器进步的就是 Chrome。

• Node.js 2021年开发者报告解读：健康稳步的发展中
  Node.js 社区健康稳步的发展中，主要是从性能好向好用转变，在易用性上有很大提升。

CSS

• 防御性 CSS
  一系列可以避免某些 CSS 问题或行为发生的方法，在问题发生之前解决它是最好的。

• Writing Better CSS
  CSS has come a long way since the early days of web development. Today’s developers can enjoy writing CSS that works in all major browsers, without having to bend over backwards to implement tricky layout requirements. In this article, we’ll look at various scenarios where modern techniques can reduce the complexity of your code and allow you to write better CSS.

Web3

• My first impressions of web3
  Signal App 的创始人体验了 web3，进行了一系列的吐槽。

• In Response to My first impressions of web3
  对 My first impressions of web3 这篇文章的回复。作者认为目前 web3 确实有问题，但有很多人正在努力改进它。同时指出了去中心化存在的其他问题。

拓展阅读

• Open source maintainer pulls the plug on npm packages colors and faker, now what?
  近期开源社区又出现了一个热点事件，热门库 colors 的作者故意给项目注入恶意代码来发泄不满。这又引出了与 log4j 事件相同的问题，软件行业应该如何回馈开源项目开发者？

• 从0到1：美团端侧 CDN 容灾解决方案
  CDN 因能够有效解决因分布、带宽、服务器性能带来的网络访问延迟等问题，已经成为互联网不可或缺的一部分，也是前端业务严重依赖的服务之一。

• 第五届 SEE Conf 2022 回顾
  其中几个有意思的分享：
  a. 一种秒级安装 npm 的方式：深度的 npm 安装优化方案，包括采用减少请求数增加多级缓存、增加 FUSE 文件 IO 中间层和无副作用的全局缓存等方式，相比 pnpm 和 yarn 的方案有自己的特色。也可以参考另一篇解读文章深入浅出 tnpm rapid 模式 - 如何比 pnpm 快 10 秒。
  b. 如何打造业务专属的 “Can I use”：针对支付宝自研内核与主流浏览器兼容性差异的问题，打造的 Can I Use in Alipay？那是不是也可以有 Can i Use in Baidubox/Wechat 等等

开发工具

• Record, replay and measure user flows
  chrome 开发者工具中新出了一个 recoder。它可以记录用户操作，之后进行回放，进行性能测试等。

开源项目

• XQUIC
  阿里自研的标准化协议库 XQUIC 开源，基于 IETF QUIC 协议实现的 UDP 传输框架。

• Turborepo
  一个新的 monorepo 管理方案，也可以看看它与 Nx 有哪些区别。

• Parcel CSS
  A new CSS parser, compiler, and minifier written in Rust. It is over 100x faster than CSSNano for minification, and over 3x faster than ESBuild.