前端周刊第二十期，每周发布前端技术相关的重大事件、文章教程、部分框架的版本更新，以及代码和工具。每周定期发布，欢迎大家关注转载。如果外链无法访问，关注公众号前端每周看，里面有解决方法大事件Sliderland：极简编码游乐场-这是一个滑块式可视化，您可以使用简单的公式进行编码（查看）。代码很简单，但包含一些简洁的功能，例如ffmpeg.wasm提供的WebAssembly驱动的MP4录音机。Playwright现在可以测试React、Vue和Svelte组件——微软的Node.js浏览器控件库Playwright采取了一个有趣的步骤，允许您使用Playwright测试（Playwright自己的测试运行器）以编程方式测试您的组件。Web应用程序101-一篇文章涉及构建现代网站所涉及的许多结构概念，从最简单的HTML页面到服务器端呈现(SSR)和静态站点生成(SSG)。不是教程，而是给你画建筑图。文章BuildinganAnimatedPianoKeyboardUsingJavaScriptandMIDI-如果您喜欢上周TaniaRascia的手风琴作品，那么这篇文章非常适合您。Jamie正在做的工作也是为他的爵士钢琴培训网站提供服务。为什么不需要void0—JavaScript的void运算符多年来一直以一些有趣的方式使用，但Lars认为现在undefined是更好的选择。RFC9239：ECMAScript媒体类型的更新——“我需要知道这个吗，即使它听起来很重要？”之一。话题。Axel博士保持简单，但本质上，JavaScript的MIME类型现在明确为text/javascript，而.mjs是JS模块的注册文件扩展名。将Node-RED部署到GoogleAppEngine-Node-RED是一种基于JavaScript的低代码事件驱动编程环境，通常与物联网相关联，并以各种方式将硬件设备连接在一起。但您也可以将其部署在云端以创建您自己的自动化系统。MakeaBasic“FallingSand”GameinJavaScript-一个平静祥和的教程，其中包含示例。框架发布Mithril.js2.2-流行的SPA框架，2年内首次发布。ElectronReactBoilerplate4.6-现在带有React18。Helmet5.1.0-使用HTTP标头保护Express.js应用程序。Deno1.22melonJS10.8.0-JS2D游戏引擎。Angular14ReleaseCandidateNode18.2.0–NodeWeekly中的更多内容。代码和工具JSON掩码：一种选择JS对象特定部分的方法：给JSON掩码一个对象和一个(XPathesque)查询，您将得到一个具有相同结构但只有“掩码”其余部分的对象（由此得名）。Fontkit：用于Node和浏览器的高级字体引擎：用于TrueType、OpenType、WOFF和其他格式——支持将字符映射到字形、替换、读取度量、布局字形、字体子集等。用作PDFKitPDF生成库的一部分。PushIn.js：用于网络的轻量级视差/购物车/推送效果：模拟交互式购物车或滚动时推送动画。主页本身就是一个现场演示。Vuestic1.4.0：Vue3的开源UI库：包含50多个可自定义组件的库。1.4.0带来了Nuxt3支持和新的轮播和计数器组件。Timewave：一个微型时钟和日期库（支持模拟）：拥有“与MomentJS及其替代品Luzxon相同的大部分功能”，该库还允许您以不同的速度并行运行多个时钟。Elder.js：一个以SEO为重点的基于Svelte的静态站点生成器：专为大规模构建SEO友好站点而设计，名称不是随机的，它用于运行一个关于寻找长者住房站点的生产项目。minimatch：一个Glob匹配器：将glob风格的表达式转换为正则表达式。由npm内部使用。Reactrouter在100LOC内实现：任何人都可以从中学习的实验之一。
