技术周刊 2021-02-01：2020 年的 JavaScript 明星项目

前端快爆

• Snowpack v3.0 发布，是这个基于 ESM 的打包工具迄今为止更新最大的版本，包括：
  • 流式导入：与 Webpack 需要预先把依赖 install 到 node_modules 不同，Snowpack 可自动在开发、打包时自动按需下载并缓存这些包
  • 集成了esbuild 这一新晋编译神器，让打包速度提升百倍
  • 提供了新的 JavaScript API 来帮助用户更好地控制开发、打包流程
  • 新的服务端渲染环境，让 Snowpack 创建的 ESM 模块能工被 Node.js 以 CJS 的形式导入

• bestofjs 统计的 2020年 JavaScript 明星项目出炉 ：
  • Deno 以新增 30.2k star 的成绩获得了「最受欢迎项目」称号，Deno 的成功证实了两大趋势：在前端和客户端上，TypeScript 都在兴起；Snowpack 这种解决 ES6 模块动态导入的解决方案也在兴起
  • Vue 新增 22.5k star 获得了前端框架的第一名，前五名中的新面孔是 Alpine.js ，一个为浏览器而生的简约响应框架
  • 在 Node.js 框架中，使用 React 构建全栈 Web 应用的解决方案 Next.js 增长最快
  • 在 React 生态中，除 Next.js 外，像React Query，Recoil ，React Hook Form 这些围绕 Hooks 的支持库也已经发展成熟。每一种库都简化了一部分 React 的开发工作
  • 在 Vue 生态中，Vite 作为新的构建工具引起了广泛关注
  • 构建工具中，swc 和esbuild 分别使用 Rust 和 Go 编写，因此有着难以置信的性能，它们都支持 TypeScript
  • Tailwind CSS 以它 “实用至上” 的态度让平静已久的 CSS 框架领域再起波澜，根据State of CSS 的调查，它是满意度最高的 CSS 框架

• Chrome 88 已经进入稳定版:
  • 支持以manifest v3 为基础构建 Chrome 插件
  • 支持 aspect-ratio 属性，通过这个属性可以控制元素的长宽比
  • 从这个版本开始，Chrome 会限制后台页面循环定时器的运行，这样有助于节省性能
  • target="_blank" 会默认使用 rel="noopener" ，以避免跨标签页攻击，此前 Firefox 67+、Safari 13.1+ 已支持

百宝箱

• tailwindcss 是一个封装好的 CSS 原子类库，通过它你可以通过组合 class 名不用一行 CSS 代码实现复杂效果

• alpinejs 是一个在tailwindcss 和 vue 启发下的前端框架，让你甚至连整片的 JavaScript 代码都不用写就能构建一个简单的前端应用

编辑：@冯雨 & 审阅：@一丝@humphry huang