前端周刊第九期

前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。
如果外链不能访问，关注公众号前端每周看，里面有解决办法

大事件

• TypeScript 4.6 发布（它甚至使非 TS 用户受益！）——JavaScript 的类型化超集又向前迈进了一步，增加了es2022目标，允许在之前 super()的构造函数中编写代码，改进递归深度检查，可以检测到更多语法错误JavaScript 文件，如果使用 VS Code（即使你自己没有使用 TypeScript 开发！）等等。

• Leaflet 项目吸引乌克兰的 JS 开发人员——你知道流行的Leaflet映射库是由乌克兰开发人员创建的吗？Leaflet 团队有一条消息要分享，关于当前的入侵以及您可以如何提供帮助。我们也已经捐款并将继续这样做。在相关新闻中，GitHub 也分享了他们对战争的回应。

• Socket：查看npm包的潜在安全问题——一个有趣的新项目，它扫描每个 npm 包的代码以试图描述它们的行为，然后在项目特定页面上报告。

• 不需要JavaScript 的五件事——我们喜欢 JS，但 CSS 和 SVG 的进步足以取代一些传统的 JS 用例。

文章

1. 对无处不在的 2D HTML Canvas 的增强 — Canvas 以其 Canvas2D 的形式在 Web 中被大量使用（显然，高达 40% 的页面？），这篇文章着眼于一些更新的功能和对其进行的增强。

2. Kent C. Dodds 的（经典）React 初学者指南 — 提供各种在线课程的 Egghead 的人们正在 YouTube 上发布他们的一些“经典”课程，第一个是 Kent C 的 React 课程. 多兹。时长 2.5 小时，使用 React 16，从 2020 年初开始，所以它并没有过时。

3. SolidJS 感觉就像我一直希望 React 成为的样子 - SolidJS是一个高效的反应式 UI 库，我们之前已经看到过直接比较——这篇文章详细介绍了它。

4. 用于数据请求的 React Hooks 库 – SWR - “SWR” 这个名字来自于 stale-while-revalidate：一种由 HTTP RFC 5861 推广的 HTTP 缓存失效策略。这种策略首先从缓存中返回数据（过期的），同时发送 fetch 请求（重新验证），最后得到最新数据。

5. 漫画图解 Chrome 浏览器从输入到渲染的原理（简单易懂） - 一篇漫画带你了解 Chrome 架构，非常有趣！

框架发布

1. Ember 4.2 – 自以为是的框架。
2. zx 5.2 – 用 JavaScript 替换 bash 脚本。
3. React-Bootstrap 2.2 – 使用 React 构建的引导组件。
4. Nest.js 8.4 – Node.js 服务器端框架。
5. deck.gl 8.7 – WebGL2 驱动的可视化框架。
6. OpenPGP.js 5.2 – JS OpenPGP 实现。

代码和工具

1. Reveal.js 4.3：一个 HTML 演示框架：为任何使用 Web 浏览器的人带来优雅的演示。v4.3刚刚发布了一些调整。
2. Redux Toolkit 1.8.0 Released： 如果您不喜欢 Redux 来管理状态，“官方的、固执己见的、包含电池的用于高效 Redux 开发的工具集”就是您所需要的 😃 除其他外，此版本添加了新的“侦听器” ’ 中间件（想想useEffect但对于 Redux 存储更新）。
3. Million 1.5：一种快速的虚拟 DOM 实现：专注于性能和以低于 1KB 的压缩交付，如果您希望在构建自己的框架或库时使用不可知的 VDOM 实现，Million 是理想的选择。
4. 乌克兰制造：由乌克兰开发人员构建的（主要是 JS）项目列表：项目数量可能超出您的想象。
5. dnt：Deno-to-Node 包转换工具：采用Deno模块并创建一个 npm 包以在 Node 中使用。虽然比单纯的打包更进一步，实际上注入了 shims，将通常的 Deno 代码形式转换为 Node 方法等等。