前端周刊第三十六期，发布每周前端技术相关的重大事件、文章教程、部分框架的版本更新，以及代码和工具。每周定期发布，欢迎大家关注转载。如果外链无法访问，每周关注公众号前端，里面有解决方法大事件MemLab：一个寻找JavaScript内存的框架泄漏-Facebook（抱歉，Meta）一直在使用MemLab对其主要SPA的内存使用进行重大改进。现在他们已经开源了该工具（本身是用TypeScript编写的），希望其他人也能实现类似的改进。你不知道的JavaScriptAPI-这是一个大胆的标题，因为你们中的许多人至少听说过这些API，但它仍然是对Web平台必须提供的内容的一个很好的总结。涵盖的API包括页面可见性、Web共享和广播频道API。BestPracticesforCreatingModernnpmPackages-“到2022年”使用当前最佳实践创建自己的npm包的分步演练。它非常详尽，当然值得重新访问，即使您已经构建了一个包。不过，一如既往，有不止一种方法可以做到这一点，并且可以根据需要将其他工具（如np）加入其中。文章不带括号调用函数的第七种方法—如果您对有六种方法感到惊讶，那么这就是为您准备的。这些几乎完全是“技巧”，但在安全性或清理用户提供的代码方面可能很重要。2022年HTML表单有哪些新功能？-一些您可能错过的使用表单的有用补充......成功使用多窗口WebGL画布的秘诀-这是技术性的，我们大多数人不需要深入挖掘，但它是使用单独工作的一个很好的例子带有屏幕外画布的上下文对渲染进行巧妙的探索-然后可以在其他选项卡或浏览器窗口中使用这些。为什么type="number"输入是最糟糕的输入-认为Web表单有您的号码？如果您使用过inputtype="number"，您可能会惊讶地发现它没有。useSyncExternalStore：被低估的ReactHook？—用于订阅外部数据源的挂钩。但是你知道吗，它也可以用来防止Reacthooks的过度返回触发不必要的重新渲染？框架发布了Spacetime7.2-轻量级时区库。ReactRouter6.4?现在具有向后移植的Remix功能。Fastify4.6?用于Node.js的快速、低开销网络框架。Preact10.11?3KB使用相同API的React替代方案。Cypress10.8?轻松测试浏览器中的任何内容。ReactGridGallery1.0?对齐的图片库组件。sablejs1.1?用纯JS编写的ES5.1解释器。Crunker2.0?使用WebAudioAPI连接音频文件。ka-table7.6?Reacttablecomponentwithsorting,filtering,etc.d3-graphviz4.4?GraphvizDOT渲染和动画转换。代码和工具npm-check-updates:package.json更新依赖到最新版本：即与指定版本相反。一个特别巧妙的特性是-i交互模式，因此您可以查看潜在的升级，然后一项一项地进行处理。SafeQL：用于SQL查询的ESLint插件：聪明的想法。它连接到您的数据库，然后指导您解决在JavaScript代码中编写SQL查询时可能犯的错误。Postgres刚刚推出，但支持任何客户端。无论是Prisma、pg、Sequelize还是其他客户端。Theater.js0.5：Web的HackableMotionDesign：可用于以编程方式和视觉方式为使用Three.js、ReactThreeFiber、HTML/SVG等创建的3D对象制作动画，甚至“动画”变量值。v0.5引入了3D场景编辑和复杂的关键帧。
