前端周刊第十二期

前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。
如果外链不能访问，关注公众号「前端每周看」，里面有解决办法

大事件

• Webpack 原理系列九：Tree-Shaking 实现原理——Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确定 ESM 模块中哪些导出值未曾其它模块使用，并将其删除，以此实现打包产物的优化。

• Parcel v2.4.0 发布：零配置构建工具——Parcel 的新 CSS 解析器和编译器——Parcel CSS——现在使其成为主要的 Parcel 构建工具，作为默认的 CSS 转换器和缩小器。当然还有更多：CSS Color Level 4 支持、级联层、改进的 JS 死代码消除以及对类静态初始化块的支持。

• RFC：Intent to Ship React 18——这个 RFC 涵盖了 React 18 的新特性和变化。虽然 React 18非常接近，但团队希望获得“最后一轮广泛的公众反馈”（您可以在此处提交）发布前。

• Node 之道：关于设计、架构和最佳实践——一位开发人员总结了所有来之不易的最佳实践和他为开发高质量 Node 应用程序而获得的直觉。

• 本周的React Status问题：这是所有 React 链接所在的位置——如果您使用 React，请务必查看我们的姐妹周刊： React Status。本周发布了很多可靠的版本，包括Turnstone，一个新的 React 搜索框组件，以及Liqvid 2.1，一个使用 React 创建交互式视频的系统。

文章

1. findLast和findLastIndex：从头到尾搜索数组的建议方法 — Axel博士很快介绍的建议，这将提供一种有效的方法来查找数组中从最后一项返回到第一项的内容。Array.prototype.findLastArray.prototype.findLastIndex

2. AWS CloudFront 函数简介 — CloudFront 函数允许您将无服务器 JS 函数部署到 AWS 的边缘站点网络，以尽可能靠近最终用户执行。听起来像 Lambda@Edge？作者也解释了那里的区别。

3. 2022 年通过构建投资组合网站探索 SvelteKit - SvelteKit是一个用于构建 Svelte 应用程序的框架，它可以处理无聊的部分，同时让您专注于应用程序编写的有趣和创造性部分。

4. Zach Leatherman 将在 Eleventy SSG 上全职工作 - Zach Leatherman 最近宣布，他现在将在 Netlify 全职从事 JS 驱动的静态站点生成器Eleventy的工作。

5. 如何从 Vue CLI 迁移到 Vite - 如果您在2021之前开发了VUE，那么您选择的构建工具很可能是VUE CLI。这已经成为Vue的事实标准。js项目有一段时间了。不过现在，Evan You的下一代构建工具Vite已经引起了很多关注，是Vue CLI的绝佳替代品。

6. 使用 VUE.JS BILAL HAIDAR构建 VS Code 扩展 - Visual Studio（VS）是开发人员在日常任务中使用的最受欢迎的代码编辑器之一。它的设计考虑到了可扩展性。在某种程度上，VS代码的大多数核心功能都是作为扩展构建的。

框架发布

1. Node 17.8.0 –perf_hooks添加http跟踪。
2. Pixi.js 6.3.0 – 快速 2D 渲染库。
3. Next SEO 5.2 – Next.js 应用程序的更简单的 SEO。
4. React Joyride 2.4 – 在 React 应用程序中创建导游。

代码和工具

1. Piling.js：用于创建“Visual Pile”接口的库：Visual Piling是一种将元素组织和分组到集合中的方法。Piling.js 使它成为可能，快速并提供所需的 UI。
2. Ladle：更快地开发和测试您的 React 故事： 一种用于在隔离环境中构建和测试 React 组件的新工具。让你想起故事书？Ladle 旨在成为一个替代品，但它提供了更快的性能（而且，是的，有基准）。
3. Postgres.js 3.0：用于 Node（和 Deno）的快速、全功能 Postgres 客户端：现在对于 Deno 和 Node.js，这个高性能 Postgres 库提供实时更改订阅、通过特殊模板文字构建动态查询、大型对象、通过多主机连接 URL、异步游标等实现高可用性。Slonik也是在这个领域考虑的另一个选择。
4. React Flow 10：用于创建基于节点的 UI、编辑器和图表：一个 React 组件，用于构建基于节点的交互式图表或编辑器（不，不是 Node.js 😁）。这篇博文很好地概述了最新版本。
5. 视频到卷轴：自动编辑视频以在 Instagram 卷轴上发布：由 FFmpeg、ImageMagick 和 zx 提供支持。功能包括旋转、调整大小、添加颜色过滤器、标准化音频等。
6. Dum：一个npm用.. Rust编写的脚本运行程序：Rust — 继续使用而不是JavaScript构建 JavaScript 工具的趋势，奇怪地命名为“Dum”旨在替换npm run并npx缩短任务启动时间的毫秒数。