前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表,欢迎大家关注、转载。
<span style="color:red;">如果外链不能访问,关注公众号前端每周看,里面有解决办法</span>
大事件
Lexical:一个可扩展的文本编辑器库(以不同的方式做事)——从 Meta(或 Facebook,我的大脑仍然这么称呼它)新鲜出现了一个新的文本编辑器框架,其核心是可访问性、性能和可靠性。22KB gzipped,支持 React 18(但可以以普通方式使用),随后是(本机)iOS 版本。让您想起Draft.js吗?将其视为下一代:Meta 是——他们正在他们的应用程序中用 Lexical 取代 Draft。
Node.js 18(当前)发布 ——我们获得了 V8 10.1、Undici 支持的全局 Fetch API 支持、Web Streams API 支持、Blob 和 BroadcastChannel API、新的测试运行器模块,以及使用以下命令创建您自己的 Node.js 二进制文件的能力自定义 V8 启动快照。Node 18 从 10 月开始进入 LTS,但在此之前获得了所有最新功能。
OpenJS 基金会的JavaScriptLandia奖——早在 2020 年,OpenJS 基金会就推出了JavaScriptLandia,作为表达对 JS 生态系统支持的一种方式,但它的实际结果是:你可以提名 JS 生态系统中的任何人来获得奖励他们做的工作。
Ember 4.3 发布——JavaScript 历史最悠久的 Web 应用程序框架之一又向前迈进了一步。为什么使用 Ember?好吧,也有一个网站对此进行了解释。
文章
Ember 通向 TypeScript 及更多内容的之路 — 长得精巧的 Chris Krycho(他的幻灯片同样聪明)承诺他的演讲即使对使用非 Ember 和非 TypeScript 的开发人员也有好处,因为他们一直在做的工作影响着我们所有人。
七个 Web 组件技巧 — 一些关于使用 Web 组件可能不是“非常明显”的事情。通过代码示例以简单明了的方式呈现。
V8 的具有新类功能的实例的更快初始化 - 对一些关于优化初始化类字段和私有方法的性能的工作进行技术深入研究——这项工作现在使 Node.js 18 以后的所有用户受益。
按下了什么键?(你不会相信键盘事件是如何工作的) - 一个半小时的视频,深入探讨键盘事件的复杂性以及处理用户输入的最佳方法。
有丝分裂快速指南:为什么需要它以及如何使用它 - 忘记细胞分裂。这个有丝分裂为您提供代码划分,基本上让您编写一次组件,然后让您在 React、Vue、Solid、Angular、和其他地方。
减少来自mailto链接的垃圾邮件 - 不一定是最好的方法,但却是一种有趣的方法。
框架发布
- Nuxt 3.0.0 RC1 – Vue 3 用户可以在这里看到很多东西。
- Deno 1.21
- React Redux 8.0 – Redux 的 React 绑定。
- Neutralinojs 4.5.0 - 轻量级 x 平台桌面应用程序框架。
- fast-json-stringify 3.1.0 – 更快JSON.stringify()
- Mineflayer 4.3 – Minecraft 机器人开发框架。
- Electron 18.1
代码和工具
Leaflet 1.8.0: Mobile-Friendly Interactive Map Library:一个长期存在且广受欢迎的图书馆的巨大版本。主页有一个现场演示。
https://kalumajs.org/: RP2040 是由 Raspberry Pi 开发人员构建的微型微控制器,因此要使 JavaScript 工作,它也需要很小。输入 Kaluma,它可以在只有 64KB RAM 的设备上运行。
SpaceTime:轻量级时区库:使用它来计算其他时区的时间。具有类似 Moment 的 API,但它是不可变的。没有依赖关系。
PicMo:一个普通的 JavaScript 表情符号选择器:让您可以选择使用平台原生表情符号或通过 Twemoji 跨平台的表情符号,您甚至可以添加自己的自定义表情符号。
2022 年最受欢迎的 Node.js 框架:一份清单,但一点也不差,总结了 11 种不同类型的框架。
HyperFormula 2.0.0:类似电子表格的计算引擎:HyperFormula ( GitHub repo ) 是一个强大的 Excel 启发的电子表格系统(不仅仅是一个控件)。请注意,它是开源的,但具有双重许可。
看起来扫描:使 PDF 看起来像“扫描”:有时有些组织需要您签署文档,但不满意您在 PDF 上进行数字化,并且想要看起来真实且“扫描”的东西。这个纯粹基于前端、由 WebAssembly 提供支持的工具试图为您伪造这种效果,而且它也是开源的。