likes
comments
collection
share

前端周刊第九期

作者站长头像
站长
· 阅读数 24

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

大事件

  • 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 方法等等。