前端周刊第32期,每周发布前端技术相关的重大事件、文章教程、部分框架的版本更新,以及代码和工具。每周定期发布,欢迎大家关注转载。如果外链无法访问,关注公众号前端周报,里面有解决方法大事件Astro1.0:前端框架基于FastIslands——虽然相对年轻,但Astro已经对广泛的用户产生了巨大的影响,并支持几乎所有其他框架或开发工具。它基于“孤岛”,其中可以用快速HTML代替组件,然后可以根据用户交互需要延迟加载这些组件。1.0引入了新的图像和图片组件、MDX/Markdown支持和SSR构建。Patterns.dev:现代Web应用程序的设计模式——一本免费书籍,您可以下载PDF格式或在Web上欣赏它。学习基础知识,从不同风格的渲染或导入资产如何工作到性能优化和案例研究。文章编写更小的JavaScript代码的高尔夫技巧和技巧-编写尽可能干净的代码通常是不可取的-这对你的同事来说并不有趣,而且你的构建过程可能会缩小你的代码!但是,如果您需要尽可能少的字符并且可以容忍一些混乱......这里有一个完整的想法列表和学习经验本身!“我们如何以及为何从GOV.UK中删除jQuery”-我们今年多次提到英国政府数字团队删除jQuery,但现在(简要)解释它是如何发生的。HowToUseMultithreadinginNode.js—Node.js如何使用线程的实际演练,以及如何以及为什么可以在Web应用程序中自己使用工作线程。记录和元组:JS中的不可变数据结构—JSNation2022讨论了目前通过TC39推进的提案背后的动机。FrameworkReleasePlaywright1.25.0-浏览器远程控制和运行时工具包。Lerna5.4-在一个存储库中为多个JS项目构建系统。Fastify4.4-快速、低开销的Web框架。NodeBB2.4-基于Node.js的论坛软件。Color.js0.4-颜色转换和操作库。Jayson4.0-用于Node.js的JSON-RPC客户端/服务器。vite-plugin-eslint1.8–Vite的ESLint插件。Faker7.4–生成大量虚假数据。COBE0.6–5KBWebGL地球库。(演示)html-to-image1.10-从DOM节点生成图像。Juice8.1-将CSS样式表内联到您的HTML源代码中。代码和工具Grex:Awaytogenerateregularexpressionsfromtheprovidedexamples:这个演示非常有趣。Grex是一个基于Rust的JavaScript项目改进,可以通过WebAssembly从JavaScript再次使用。这是一个非常巧妙的想法,虽然它并不完美,但它可以给您一些制作正则表达式的灵感。Cloudscape:AWS的React组件设计系统:为AmazonWebServices构建并由其使用,您可以获得66个组件、关于设计最佳实践的自以为是的指南以及大量演示。Million1.12:快速且小型的虚拟DOM实现:专注于性能并以低于1KB的压缩率交付,如果您想使用不可知的VDOM实现或者在构建您自己的框架时只是稍微降低选择,Million是理想的选择。“把它想象成React的API和Svelte的编译器有了孩子。”React评级:简易星级评级组件:基于SVG。没有依赖关系。查看许多示例,看看它是否符合您的大小限制8.0:JavaScript性能预算工具:计算运行JS应用程序或库的实际“成本”,以关注性能并在出现问题时引发错误(例如,在CI)。支持ES模块和treeshaking。svg2pdf.js:基于浏览器的SVG到PDF转换器:有一个在线游乐场可以感受它的功能。brotli-wasm:BrotliCompressorandDecompressor:使用WebAssembly覆盖Node和浏览器。Grakkit:AModernJSDevelopmentEnvironmentforMinecraft:通过GraalVM将JS和Minecraft结合在一起。