技术周刊 2021-02-01:2020 年的 JavaScript 明星项目
2012 年 5 月 31 日
前端快爆
- 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 代码实现复杂效果
编辑:@冯雨 & 审阅:@一丝@humphry huang