乐趣区

关于前端:前端周刊第三十一期

jiezi

前端周刊发表每周前端技术相干的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢送大家关注、转载。
<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 窗口当初能够“浮动”在全屏利用面板款式上。

文章

  1. 查看原生 JavaScript 函数是否是“猴子补丁”— 随着 JavaScript 的生机，函数可能会被笼罩（或“猴子补丁”，因为有些人称之为运行时批改的想法），然而有（不完满的）办法来查看是否这曾经产生了。
  2. 对于用 Bud 更快地构建古代 Web 应用程序 — Bud（不，不是 Bun）是一个绝对较新的 Go(lang) 和 JavaScript 驱动的全栈 Web 框架，有很多好主见 – ▶️ 这个 15 分钟的视频创立一个黑客新闻克隆这是一个乏味的演示。如果 Go 在后端适宜您，那么值得一看。
  3. React 中从 500 毫秒到 1.7 毫秒 — 迟缓的自定义网格触发了剖析一些瓶颈的旅程，随后进行了一些调整，从而显着进步了性能。
  4. util.parseArgs()在 Node.js 中解析命令行参数 — 往年 Node 18.3 中增加的一项性能。

框架公布

  1. Parcel 2.7
  2. Ember 4.6
  3. Ionic 6.2 – 跨平台应用程序构建工具包。
  4. Redwood 2.2 – React 反对的全栈框架。
  5. 赛普拉斯 10.4 – 任何基于浏览器的风行测试方法。
  6. Ohm 16.4 – 解析器 / 解释器构建工具包。
  7. React Native Boilerplate 3.5 – RN 应用程序的入门模板。
  8. Stripe Node 10.0 – Stripe API 的 Node.js 库。
  9. Electron Store 8.1 – Electron 应用程序的简略数据持久性。
  10. Meriyah 4.3 – 兼容的、自托管的 JS 解析器。(Demo)
  11. React Spreadsheet Grid 2.3 – React 的相似 Excel 的网格组件。
  12. Inferno 8.0.2 – 疾速、相似 React 的库。
  13. Peaks.js 2.0.3 – BBC 的音频波形 UI 组件。

代码和工具

  1. vue-grid-layout：实用于 Vue.js 的可拖动和可调整大小的网格布局：相似于 Gridster.js（来自 jQuery 时代！），但实用于 Vue.js。主页上有一个演示。
  2. safe-json-value：当 JSON 序列化不能失败时：避免 JSON.serialize()抛出异样、更改类型或以其余形式意外转换值，因为有时您须要那种保障。
  3. colorgrad：高性能、Rust 驱动的色彩突变库：在幕后应用 Rust 编译到 WebAssembly——十分古代！如果您也想尝试它，它也是一个很好的小型代码库，能够用来学习该技术。
  4. Embla Carousel 7: Carousel with Fluid Motion 和“Swipe Precision”：一个备受诟病的 UI 元素，但这些示例对咱们来说成果很好。与库无关，但如果须要，能够轻松集成 React、Vue 和 Svelte。
  5. Nativefier：使任何网页成为桌面应用程序：一个根本的 Node.js 驱动工具，用于为任何应用 Electron 作为 web 视图的网站创立桌面“应用程序”。实用于 Windows、macOS 和 Linux。
  6. ts-version：从 Types 拜访以后的 TypeScript 版本：创建者说得最好：“对 TS 版本如何解决您的包略有不同感到丧气，但又不想应用 TypesVersions 公布您的类型的残缺正本？当初您能够依据 TS 版本调整您的类型！”
退出移动版