前端周刊第一期

前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。

大事件

• 2021 年的 JavaScript后起之秀——这是对在 GitHub 上继续流行的 JavaScript 项目的流行看法，这是连续第 6 年运行的。星级并不是确定哪些项目好用的唯一方法，但它是一种方法，我们倾向于发现它会显示一些值得一试的项目和库。2021 年对 JavaScript 来说是强劲的一年，尤其是 Next.js、Vite 和 zx 等项目！

• 解读大前端的 2021 ：究竟“卷”出了什么名堂？——本文是 “2021 InfoQ 年度技术盘点与展望” 系列文章之一，由 InfoQ 编辑部制作呈现，重点聚焦大前端领域在 2021 年的重要进展、动态，希望能帮助你准确把握 2021 年大前端领域的核心发展脉络，在行业内始终保持足够的技术敏锐度。 “InfoQ 年度技术盘点与展望”是 InfoQ 全年最重要的内容选题之一，将涵盖架构、AI、大数据、大前端、云计算、数据库、中间件、操作系统、开源、编

文章

1. The JS Self-Profiling API In Practice — 它是一个 API，允许 web 应用程序控制采样分析器来测量客户端 JavaScript 执行时间。不出所料，它目前仅适用于 Chrome 94+。
2. 更智能的 JavaScript 映射器：array.flatMap() — 您可能对这种方法是否更智能持怀疑态度，但值得了解。
3. 是时候使用 JavaScript Temporal API 了吗？— “JavaScript 中的日期处理很痛苦，是时候使用合适的 Temporal API 了。”
4. 前端CI/CD上如何保证依赖安装速度达到优解——前端应用在构建部署时长上，通常受代码拉取速度、以及机器配置高低等因素影响。排除这些我们往往不可控的因素外，仍可以通过对npm依赖安装方式进行优化，来达成更快的构建速度。以项目存在50个以上生产依赖包，最优秀的依赖安装方式比最差的安装方式，往往能够节省20s以上的时间。

框架发布

1. Ember.js 4.1，继Ember 4.0于 12 月之后。
2. ESLint 8.6.0
3. Jasmine 4.0 – Node 和浏览器的测试框架。
4. AVA 4 – 节点测试运行器。
5. History 5.2 - 用 JS 管理会话历史。
6. fast-json-stringify 3.0 – 一个更快的JSON.stringify().
7. Chart.js 3.7 – 基于画布的简单 HTML5 图表。

代码和工具

1. Fuite：一种用于在 Web 应用程序中查找内存泄漏的工具——考虑到“加载 DevTools 并在性能选项卡中执行大量工作”与“运行此脚本”的选择，后者听起来更简单。而 Fuite 的目标是让检测网页内存泄漏的过程就这么简单。
2. Perspective 1.1：通过 WebAssembly 的快速流数据可视化——Perspective最初是为 JP Morgan 构建的，用于构建实时高性能交互式可视化，由编译为 WASM 引擎盖下的 C++ 引擎提供支持。
3. jsPDF 2.5：客户端 JavaScript PDF 生成— 即时创建票证、文档、证书等。
4. Vanta.js：您网站的 3D WebGL 背景动画— 从预定义的背景动画之一中进行选择，然后使用 UI 调整设置。当然有些东西你会很少使用，但是当你需要它们时会有一组整洁的效果。
5. Choices.js 10.0：一个可配置的选择框/文本输入插件——这里有很多例子，或者你可以直接去GitHub 存储库。