前端周刊发表每周前端技术相干的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢送大家关注、转载。
<span style=”color:red;”> 如果外链不能拜访，关注公众号 前端每周看，外面有解决办法 </span>
大事件
- MemLab：用于查找 JavaScript 内存透露的框架—— Facebook（道歉，Meta）始终在应用 MemLab 对其次要 SPA 的内存应用进行重大改良。当初他们曾经开源了这个工具（它自身是用 TypeScript 编写的），心愿其他人也能实现相似的改良。
- 你不晓得的 JavaScript API——这是一个大胆的题目，因为你们中的很多人至多都据说过这些 API，但它依然是一个很好的总结，能够让你理解 Web 平台提供的内容。涵盖的 API 包含页面可见性、Web 共享和播送频道 API。
- 创立古代 npm 包的最佳实际——应用以后最佳实际创立本人的 npm 包的“截至 2022 年”的分步演练。它十分彻底，当然值得从新扫视，即便您曾经构建了一个包。不过，与平常一样，有不止一种办法能够做到这一点，并且能够依据须要将其余工具（如 np）退出其中。
文章
- 调用不带括号的函数的第七种办法 — 如果你对居然有六种办法感到诧异，那么这是给你的。这些简直齐全是“技巧”，但在安全性或清理用户提供的代码方面可能很重要。
- 2022 年 HTML 表单有什么新变动？— 应用您可能错过的表单的一些有用的补充……
- 胜利应用多窗口 WebGL 画布的秘诀 — 这是技术性的，咱们大多数人不须要深刻开掘，但它是对应用屏幕外画布应用独自的工作上下文进行渲染的奇妙摸索——而后这些能够用于其余选项卡或浏览器窗口。
- 为什么 type=”number” 输出是最差的输出 — 认为网络表单有你的号码？如果您应用过 input type=”number”，您可能会诧异地发现它没有。
- useSyncExternalStore：被低估的 React Hook？— 订阅内部数据源的挂钩。然而你晓得它也能够用来阻止适度返回 React 钩子触发不必要的从新渲染吗？
框架公布
- Spacetime 7.2 – 轻量级时区库。
- React Router 6.4
↳ 当初具备向后移植的 Remix 性能。 - Fastify 4.6
↳ 疾速、低开销的 Node 网络框架。 - Preact 10.11
↳ 3KB 应用雷同 API 的 React 代替计划。 - Cypress 10.8
↳ 轻松测试浏览器中的任何内容。 - React Grid Gallery 1.0
↳ 对齐的图片库组件。 - sablejs 1.1
↳ ES5.1 用纯 JS 编写的解释器。 - Crunker 2.0
↳ 应用 Web Audio API 连贯音频文件。 - ka-table 7.6
↳ 应用排序、过滤等对表格组件进行反馈。 - d3-graphviz 4.4
↳ Graphviz DOT 渲染和动画过渡。
代码和工具
- npm-check-updates：package.json 将依赖项更新到最新版本：也就是说，与指定版本相同。一个特地简洁的性能是 - i 交互模式，因而您能够查看潜在的降级，而后逐个进行操作。
- SafeQL：用于 SQL 查问的 ESLint 插件：聪慧的想法。它与您的数据库挂钩，而后领导您在 JavaScript 代码中编写 SQL 查问时可能犯的谬误。Postgres 只是当初，但反对任何客户端.. 无论是 Prisma、pg、Sequelize 还是其余。
- Theatre.js 0.5：用于 Web 的 Hackable Motion Design：可用于以编程形式和可视化形式为应用 Three.js、React Three Fiber、HTML/SVG 等创立的 3D 对象设置动画，甚至“动画”变量值。v0.5 引入了 3D 场景编辑和简单的关键帧。