前端周刊每周发布前端技术相关的重大事件、文章教程、部分框架的版本更新，以及代码和工具。每周定期发布，欢迎大家关注转载。如果外链无法访问，每周关注公众号前端，有解决办法大事件JS10242022大赛冠军——JS1024是“codegolf”竞赛，你有15天的时间来创建一个1024字节的JavaScript或GLSL程序。这会产生很多想法，有很棒的（非缩小的）源代码可供查看。获胜的JS参赛作品是这个古怪的打字游戏，获胜的基于着色器的条目是3D隧道体验。这里有很多东西要学习，因为这些人使用了书中的每一个技巧，包括使用Brotli和特制的WOFF2字体文件（！）Docusaurus2.0版本-Docusauruspowered站点在JS空间中无处不在（例如Babel文档），经过四年的努力，流行的React驱动的、以文档为中心的静态站点生成器的2.0版在这里。从头开始重建，它添加了MDX支持，一个新的插件系统、主题、黑暗模式、SPA导航、离线支持等。Electron20:A跨平台桌面应用程序框架-20听起来像是一个大而圆的版本号，但它基本上是一个典型的版本号。Chromium升级到v104，V8升级到10.4，Node升级到16.15.0。Windows正在获得“沉浸式黑暗模式”，Electron窗口现在可以“浮动”在全屏应用程序面板样式上。文章探讨了原生JavaScript函数是否被“猴子修补”——在JavaScript还活着的情况下，函数可以被覆盖（或“猴子修补”，正如一些人所说的运行时修改的想法），但是有（不完美的）方式来看看如果发生这种情况。关于使用Bud更快地构建现代Web应用程序-Bud（不，不是Bun）是一个相对较新的Go（lang）和JavaScript驱动的全栈Web框架，有很多很棒的想法-??这个15分钟的视频创建了一个HackerNews克隆，它是一个有趣的演示。如果Go在后端适合您，那么值得一看。在React中从500毫秒到1.7毫秒——缓慢的自定义网格触发了一次分析一些瓶颈的旅行，随后进行了一些调整，显着提高了性能。util.parseArgs()解析Node.js中的命令行参数——今年Node18.3中添加的一项功能。框架发布Parcel2.7Ember4.6Ionic6.2-跨平台应用程序构建工具包。Redwood2.2-由React提供支持的全栈框架。Cypress10.4–任何流行的基于浏览器的测试方法。Ohm16.4-解析器/解释器构建器工具包。ReactNativeBoilerplate3.5-RN应用程序的入门模板。StripeNode10.0–StripeAPI的Node.js库。ElectronStore8.1-Electron应用程序的简单数据持久性。Meriyah4.3-兼容的自托管JS解析器。（演示）ReactSpreadsheetGrid2.3-React的类似Excel的网格组件。Inferno8.0.2-快速、类似React的库。Peaks.js2.0.3–BBC的音频波形UI组件。代码和工具vue-grid-layout：Vue.js的可拖动和可调整大小的网格布局：类似于Gridster.js（来自jQuery时代！），但适用于Vue.js。主页上有演示。safe-json-value：当JSON序列化一定不能失败时：防止JSON.serialize()抛出异常、更改类型或以其他方式意外转换值，因为有时您需要这种保证。colorgrad：一个高性能、Rust驱动的颜色渐变库：在幕后使用Rust编译成WebAssembly——非常现代！如果你也想尝试的话，它也是一个很好的学习技术的小代码库。EmblaCarousel7：具有流体运动和“滑动精度”的旋转木马：一个备受诟病的UI元素，但这些示例对我们来说效果很好。与库无关，但如果需要，可以轻松集成React、Vue和Svelte。Nativefier:MakeAnyWebpageaDesktopApp:一个基本的Node.js支持的工具，用于为任何使用Electron作为webview的网站创建桌面“应用程序”。适用于Windows、macOS和Linux。ts-version：从Types访问当前的TypeScript版本：创建者说得最好：“对TSVersions处理你的包的方式略有不同感到沮丧，但不想使用TypesVersions发布你的类型的完整副本？现在你可以调整你的类型到TS版本！”
