关于前端:前端周刊第十二期

前端周刊发表每周前端技术相干的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢送大家关注、转载。
<span style=”color:red;”> 如果外链不能拜访，关注公众号 前端每周看，外面有解决办法 </span>

大事件

• 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 缩短工作启动工夫的毫秒数。