前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表,欢迎大家关注、转载。
如果外链不能访问,关注公众号「前端每周看」,里面有解决办法
大事件
Partytown 如何从第三方脚本中消除网站膨胀——Partytown还是一个库,用于通过Web Worker将脚本的执行移到后台,从而释放你的主线程。
Ryan Dahl 谈“JavaScript 容器”——Ryan ,最初以 Node 和现在的Deno著称,他认为 JavaScript 是一种通用脚本语言,以及 JS 沙箱如何充当传统 Linux 容器的一种高级版本,并且只会变得更加在接下来的几年里很重要。
为什么我不怀念 React—— 不是要求放弃 React ,不是宣布它“死”了,也不是说所有框架都没用,但是作者从每天使用 React 变成了根本不使用它,并且有一个比他预想的更愉快的时光。
Babylon.js 5.0:强大的 3D 渲染引擎—— Babylon是一个强大的框架,您可以将其用作游戏、可视化以及其他在本地和 Web 上运行的 3D 和 AR 体验的基础。像往常一样,他们有一个发布视频来展示它,或者你可以在几秒钟内到操场上玩一个基本的例子。
文章
三点语法 ( ...):Rest vs. Spread — ...在 JavaScript 中有两个不同但相关的用例
8 个可能让你感到困惑的 JavaScript 问题 — 这里有点乐趣。8 个快速 JS 片段,你必须猜出结果。然后,您可以继续使用WTFJS以获得与此等效的“全脂”。
How To Build a Modal Dialog as a Web Component - “一次编写,到处运行,可以这么说,或者至少这是我的崇高愿望。好消息。确实可以构建一个具有丰富交互的模式,只需要编写 HTML 即可使用。”
框架发布
pnpm 7.0 – 以效率为中心的 npm 替代方案。 Mocha 10.0 - JS 测试框架。 ShareDB 3.0 – 基于 OT 的实时 JSON 数据库。 Cucumber.js 8.2 – BDD / 纯语言测试。 npm 8.9.0 Node 18.1.0 在 CLI 上包含一个新的测试运行功能
代码和工具
TypeScript Error Translator: Make TS Errors Human Readable:如果你是一个 VS Code 用户并且你发现 TypeScript 错误是迟钝的,这个 VS Code 扩展想要让你的生活更轻松一些。
redaxios 0.5:Axios API,作为 800 字节的 Fetch Wrapper:如果你喜欢 Axios API,但希望在幕后使用 Fetch API。
resvg-js 2.0:高性能 SVG 渲染器和工具包:由 Rust 在后端的resvg提供支持,它适用于 Node和浏览器(通过 WebAssembly),用于将 SVG 转换为具有高级 SVG 规范支持的 PNG。
NodeBB 2.0 发布:Node-Powered Forum Software:一个长期存在的基于 Node.js 的论坛系统,支持多个数据存储、实时通知、RESTful API 等。
MockRTC:强大的 WebRTC 模拟对等点和代理:一种用于为 WebRTC 流量构建自动化测试或以其他方式调试您正在做的 WebRTC 相关工作的工具。
React Toastify 9.0:在 React 应用程序中轻松使用通知框:现在支持“堆叠 toast”,这是一种可视化不断增加的通知数量的优雅方法。还有useNotificationCenter,一个新的钩子让你在上面建立一个通知中心。
JSPyBridge 1.0:Node 和 Python 之间的桥梁:一项正在进行中的工作,但提供了两种方式的能力——从 Node 运行 Python,或者从 Python 运行 Node,“以原生的感觉”。“与其他桥梁不同,您可能会注意到您不仅仅是在用 JavaScript 编写 Python 代码,反之亦然。您可以对桥另一侧的对象进行操作,就好像对象就在您身边一样。”
Pyscript: Run Python in Your HTML:一个通过 HTML 在浏览器中创建 Python 应用程序的框架。您也可以使用 JavaScript 进行双向通信。毫不奇怪,WebAssembly 完成了繁重的工作并使这一切成为可能。