关注用户体验,分享前端技术

前端周刊第三十五期

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

大事件

  • Node.js 的架构、事件循环和并发性概述—— 我们最喜欢的使用 JavaScript 的医生正在写一本新书( “使用 Node.js 编写跨平台的 shell 脚本”),我们可以享受他的劳动成果,包括这是对 Node 基本部分的简洁但高度技术性的概述。

  • 介绍信号:默认情况下快速的反应状态原语——信号提供了一种表达状态的反应方式(以一种非常自然的方式,感觉就像使用普通值),这样应用程序无论复杂度如何都能保持快速。它针对的是 Preact,它是React 的更苗条的替代品,但可以通过猴子补丁与常规 React 一起使用。

  • Next.js Conf 2022——将于今年 10 月举行,它是在线的,无需注册。Next.js 也有一个新的标志。

文章

  1. 使用 AI 将测试从 Cypress 移植到 Playwright — 如果为集成测试切换库听起来很无聊但很有必要,也许 AI 可以减轻一些压力?Gajus 试了一下,取得了一定的成功。

  2. 时间 API:管理日期和时间的新方法? — 这些年来,我们已经多次提到这一点(Axel 博士在 2021 年撰写了这份详尽的指南),但它仍然只是“开发中”,还没有得到广泛的支持。不过,有一个 polyfill,它确实是一个方便的 API,所以你可能想复习一下。

  3. 使用运动创建 F1 风格的图形 — 一级方程式的车迷可能还记得 2021 赛季的激烈过渡。Remotion(一个可以从代码生成视频的库)的作者以只能被描述为记录单圈时间的方式完成了它的重新创建。

框架发布

  1. Node.js v18.9.0 – 一个非常小的版本。

  2. Next.js 12.3 – 流行的 React 框架。

  3. Jasmine 4.4
    ↳ 用于浏览器和 Node.js 的简单测 试框架。

  4. Ember.js 4.7 – 长期存在的框架。

  5. sql.js 1.8
    ↳ SQLite 编译为 JavaScript。

  6. React Calendar 3.8
    ↳ 用于 React 应用程序的日历组件。

  7. Fresh 1.1
    ↳ Deno 的全栈 Web 框架。

  8. size-limit 8.1 - 性能预算工具。

  9. Serverless Offline 10.0
    ↳ 在本地模拟 AWS Lambda 和 API Gateway。

  10. react-cytoscapejs 2.0
    ↳ 用于网络可视化的 React 组件。

  11. Discordeno 14.0
    ↳ 用于 Deno 的 Discord API 库。

  12. HotKeys 3.10 ↳ 长期低占用空间输入捕获。

  13. Binary Parser 2.2 ↳ 以声明方式编写快速的二进制数据解析器。

代码和工具

  1. GradeJS:扫描生产中使用的模块的 Webpack 包:即使您无法访问网站的原始源,此工具也可以尝试找出使用了哪些 npm 包,即使是缩小或摇树的包(如果使用了 webpack 3-5)。

  2. El: A Tiny Web Component-Based UI Framework:简短而甜蜜的定义。你在 150 行中得到了很多,包括一个内置的可观察存储和具有单向绑定的反应模板。想想一个非常轻量级的 React/Vue 与 Lit 混合。这是一个在其上创建待办事项列表应用程序的文件示例。

  3. ZIPMonster:美国邮政编码数据和功能:将美国邮政编码系统整合到一个库中,让您可以进行各种查询,包括在整个美国导航,如果您愿意的话。

  4. Shumani:使用 Bun + Flashlight 的快速机器学习库:看到 Facebook 的研究部门使用Bun很有趣——这个实验项目的早期阶段。

  5. JSON Hero:一个漂亮的 JSON 查看器:粘贴一些 JSON 或输入一个 JSON 文件的 URL,这个工具提供了一个干净漂亮的 UI,其中包含许多功能。

  6. DgrmJS:用于创建 SVG 图表的库:特别适用于流程图。

posted @ 2022-09-13 00:58  夕阳白雪  阅读(478)  评论(0编辑  收藏  举报