前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表,欢迎大家关注、转载。
大事件
- 2021 年的 JavaScript后起之秀——这是对在 GitHub 上继续流行的 JavaScript 项目的流行看法,这是连续第 6 年运行的。星级并不是确定哪些项目好用的唯一方法,但它是一种方法,我们倾向于发现它会显示一些值得一试的项目和库。2021 年对 JavaScript 来说是强劲的一年,尤其是 Next.js、Vite 和 zx 等项目!
- 解读大前端的 2021 :究竟“卷”出了什么名堂?——本文是 “2021 InfoQ 年度技术盘点与展望” 系列文章之一,由 InfoQ 编辑部制作呈现,重点聚焦大前端领域在 2021 年的重要进展、动态,希望能帮助你准确把握 2021 年大前端领域的核心发展脉络,在行业内始终保持足够的技术敏锐度。 “InfoQ 年度技术盘点与展望”是 InfoQ 全年最重要的内容选题之一,将涵盖架构、AI、大数据、大前端、云计算、数据库、中间件、操作系统、开源、编
文章
- The JS Self-Profiling API In Practice — 它是一个 API,允许 web 应用程序控制采样分析器来测量客户端 JavaScript 执行时间。不出所料,它目前仅适用于 Chrome 94+。
- 更智能的 JavaScript 映射器:array.flatMap() — 您可能对这种方法是否更智能持怀疑态度,但值得了解。
- 是时候使用 JavaScript Temporal API 了吗?— “JavaScript 中的日期处理很痛苦,是时候使用合适的 Temporal API 了。”
- 前端CI/CD上如何保证依赖安装速度达到优解——前端应用在构建部署时长上,通常受代码拉取速度、以及机器配置高低等因素影响。排除这些我们往往不可控的因素外,仍可以通过对npm依赖安装方式进行优化,来达成更快的构建速度。以项目存在50个以上生产依赖包,最优秀的依赖安装方式比最差的安装方式,往往能够节省20s以上的时间。
框架发布
- Ember.js 4.1,继Ember 4.0于 12 月之后。
- ESLint 8.6.0
- Jasmine 4.0 – Node 和浏览器的测试框架。
- AVA 4 – 节点测试运行器。
- History 5.2 - 用 JS 管理会话历史。
- fast-json-stringify 3.0 – 一个更快的JSON.stringify().
- Chart.js 3.7 – 基于画布的简单 HTML5 图表。
代码和工具
- Fuite:一种用于在 Web 应用程序中查找内存泄漏的工具——考虑到“加载 DevTools 并在性能选项卡中执行大量工作”与“运行此脚本”的选择,后者听起来更简单。而 Fuite 的目标是让检测网页内存泄漏的过程就这么简单。
- Perspective 1.1:通过 WebAssembly 的快速流数据可视化——Perspective最初是为 JP Morgan 构建的,用于构建实时高性能交互式可视化,由编译为 WASM 引擎盖下的 C++ 引擎提供支持。
- jsPDF 2.5:客户端 JavaScript PDF 生成— 即时创建票证、文档、证书等。
- Vanta.js:您网站的 3D WebGL 背景动画— 从预定义的背景动画之一中进行选择,然后使用 UI 调整设置。当然有些东西你会很少使用,但是当你需要它们时会有一组整洁的效果。
- Choices.js 10.0:一个可配置的选择框/文本输入插件——这里有很多例子,或者你可以直接去GitHub 存储库。