共计 1889 个字符，预计需要花费 5 分钟才能阅读完成。
前端周刊发表每周前端技术相干的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢送大家关注、转载。
<span style=”color:red;”> 如果外链不能拜访，关注公众号 前端每周看，外面有解决办法 </span>
大事件
- JS1024 2022 比赛优胜者—— JS1024 是一项“代码高尔夫”比赛，您有 15 天的工夫在 1024 字节内创立 JavaScript 或 GLSL 程序。这会产生许多创意，并带有杰出的（非放大）源代码可供查看。获胜的 JS 条目是这款乖僻的打字游戏，获胜的基于着色器的条目是 3D 隧道体验。这里有很多货色要学，因为这些人应用了书中的每一个技巧，包含在一个应用 Brotli 和特制 WOFF2 字体文件（！）
- Docusaurus 2.0 公布——Docusaurus 反对的站点在 JS 空间中无处不在（例如 Babel 文档），通过四年的致力，风行的 React 反对的、以文档为核心的动态站点生成器的 2.0 版就在这里。从头开始重建，它增加了 MDX 反对、新的插件零碎、主题、暗模式、SPA 导航、离线反对等等。
- Electron 20：跨平台桌面应用程序框架——20 听起来像是一个很大的、圆形的版本号，但它次要是一个典型的版本。Chromium 降级到 v104，V8 降级到 10.4，Node 降级到 16.15.0。Windows 取得了“沉迷式光明模式”，Electron 窗口当初能够“浮动”在全屏利用面板款式上。
文章
- 查看原生 JavaScript 函数是否是“猴子补丁”— 随着 JavaScript 的生机，函数可能会被笼罩（或“猴子补丁”，因为有些人称之为运行时批改的想法），然而有（不完满的）办法来查看是否这曾经产生了。
- 对于用 Bud 更快地构建古代 Web 应用程序 — Bud（不，不是 Bun）是一个绝对较新的 Go(lang) 和 JavaScript 驱动的全栈 Web 框架，有很多好主见 – ▶️ 这个 15 分钟的视频创立一个黑客新闻克隆这是一个乏味的演示。如果 Go 在后端适宜您，那么值得一看。
- React 中从 500 毫秒到 1.7 毫秒 — 迟缓的自定义网格触发了剖析一些瓶颈的旅程，随后进行了一些调整，从而显着进步了性能。
- util.parseArgs()在 Node.js 中解析命令行参数 — 往年 Node 18.3 中增加的一项性能。
框架公布
- Parcel 2.7
- Ember 4.6
- Ionic 6.2 – 跨平台应用程序构建工具包。
- Redwood 2.2 – React 反对的全栈框架。
- 赛普拉斯 10.4 – 任何基于浏览器的风行测试方法。
- Ohm 16.4 – 解析器 / 解释器构建工具包。
- React Native Boilerplate 3.5 – RN 应用程序的入门模板。
- Stripe Node 10.0 – Stripe API 的 Node.js 库。
- Electron Store 8.1 – Electron 应用程序的简略数据持久性。
- Meriyah 4.3 – 兼容的、自托管的 JS 解析器。(Demo)
- React Spreadsheet Grid 2.3 – React 的相似 Excel 的网格组件。
- Inferno 8.0.2 – 疾速、相似 React 的库。
- Peaks.js 2.0.3 – BBC 的音频波形 UI 组件。
代码和工具
- vue-grid-layout：实用于 Vue.js 的可拖动和可调整大小的网格布局：相似于 Gridster.js（来自 jQuery 时代！），但实用于 Vue.js。主页上有一个演示。
- safe-json-value：当 JSON 序列化不能失败时：避免 JSON.serialize()抛出异样、更改类型或以其余形式意外转换值，因为有时您须要那种保障。
- colorgrad：高性能、Rust 驱动的色彩突变库：在幕后应用 Rust 编译到 WebAssembly——十分古代！如果您也想尝试它，它也是一个很好的小型代码库，能够用来学习该技术。
- Embla Carousel 7: Carousel with Fluid Motion 和“Swipe Precision”：一个备受诟病的 UI 元素，但这些示例对咱们来说成果很好。与库无关，但如果须要，能够轻松集成 React、Vue 和 Svelte。
- Nativefier：使任何网页成为桌面应用程序：一个根本的 Node.js 驱动工具，用于为任何应用 Electron 作为 web 视图的网站创立桌面“应用程序”。实用于 Windows、macOS 和 Linux。
- ts-version：从 Types 拜访以后的 TypeScript 版本：创建者说得最好：“对 TS 版本如何解决您的包略有不同感到丧气，但又不想应用 TypesVersions 公布您的类型的残缺正本？当初您能够依据 TS 版本调整您的类型！”
正文完
