652 期 - 创建 web 3D 体验的完整指南
本期看点:本期有一篇文章介绍了如何创建 web 3D,并且提供的内容全部都可以在线使用而且免费。不管你是想要体验一下 web 3D,或是想要变得更加优秀,那就赶快试试 three.js,这里有很多内容可以挖掘。
编辑:Yucohny
🔥 本周热门
使用 Dropbox 将 JavaScript Bundle 大小减少 33% —— Dropbox 的团队意识到,在运作大项目时,总是会不断出现让人头疼的小烦恼和延迟问题。他们的 web 性能团队将 Dropbox 对性能的提升归因于其模块打包过程。
Nadeem and Hong(Dropbox)
htmx 成为 GitHub 加速器的一部分 —— htmx 被接纳到 GitHub 的 开源加速器计划 的第一批项目将推动 htmx v2.0 的开发。这里是 GitHub 仓库。
Big Sky Software
或许你不需要 Lodash 或 Underscore —— 受 《你也许不需要 jQuery》 一文启发,这份详尽的文档提供了像 Lodash 一样的 100 种不同函数的纯 JavaScript 替代方案。
You Don't Need
⚡️ 快讯:
-
虽然还有几周的时间,但我们听说 “Bun v1.0 即将发布”,并且 📅 Bun 的创作者 Jarred Sumner 将在 9 月 7 日举行现场演示,现在可以注册参加!
-
如果你喜欢关注 JavaScript 以外的其他语言,那么值得注意著名的 C++ 专家 Herb Sutter 最近 ▶️ 进行了一场关于如何通过创建类似于 TypeScript 的超集以更快地现代化和改进 C++ 的精彩演讲。
-
👾 年度 js13kGames JS 编码竞赛 刚刚开始,比赛将持续至 9 月 13 日。
-
Robin Wieruch 在今年一月份分享了他关于 2023 年的 10 大 web 开发趋势 的看法。那么到目前为止,这些趋势的发展究竟如何?就像 Larry David 可能认为那样——相当不错?
-
Socket 团队探讨了黑客团队是 如何攻击 npm 软件包生态系统的情况。
📒 教程与趣事
探索 three.js:创建 web 3D 体验的完整指南 —— 这里提供的内容广泛而丰富,并且全部可以在线使用而且免费。不管你是想要体验一下 web 3D,或是想要变得更加优秀,那就赶快试试 three.js,这里有很多内容可以挖掘。如果你已经熟悉 three.js,你可能会喜欢 three.js 技巧和窍门页面 一文。
Lewy Blue
在没有 React 的情况下使用 JSX —— 探索一款名为 NakedJSX 的新工具,它可以让你在不需要完整的 React 框架的情况下渲染 JSX。
Chris Coyier
移除事件监听器的多种方式 —— 回顾一些常见的方法,用于在 JavaScript 中移除事件监听器。
Alex MacArthur
为即将到来的 Android 版本升级 Firefox 桌面扩展 —— “Firefox 将成为唯一支持开放扩展生态系统的主要 Android 浏览器。”
Scott DeVaney(Mozilla)
Yevgeny / Oz
▶ 六个(左右)新的已批准和提议的 JavaScript API
Syntax Pocast podcast
Marcelo Oliveira (Snyk)
Julia Evans
🛠 代码与工具
Croner v7.0:适用于 JavaScript 和 TypeScript 的 Cron —— 使用经典的 cron 语法 在你选择的时间表上触发函数,并且可在 Node、Deno、Bun 以及浏览器中工作、在不同的时区之间运行,提供错误处理和超限保护等功能。在 JSFiddle 上有一个 实时演示。v7.0 版本添加了支持指定第 n 个工作日。
Hexagon
Linkify v4.1:将纯文本中的 URL、电子邮件地址等转化为链接 —— 给定一些包含链接和电子邮件等内容的纯文本,Linkify 会生成正确的代码以在 web 上显示它。不仅仅是 URL 或电子邮件,还包括主题标签、@提及、IP 地址等等 —— 在主页上可以看到示例。这里是 GitHub 仓库。
Hypercontext
deno_python:Deno 的 Python 解释器 —— 通过 Python/C API 实现了无缝的 Deno-Python 集成。最新版本支持安装和导入 pip 包。这个功能被描述为“稍微有些诅咒”,但绝对引人入胜。
Denosaurs
Tagger:零依赖的原生 JavaScript 标签库 —— 你可以在这里试试 实时演示。
Jakub T. Jankiewicz
使用 JavaScript 演示 100 多个算法和数据结构 —— 这里展示了许多常见的算法(如位运算、帕斯卡三角形、汉明距离)和数据结构(如链表、Trie 树、图)以及相关的解释。还提供了其他语言的版本,如中文、韩文、法文和西班牙文。
Oleksii Trekhleb et al.
Proto Tree:观察 JavaScript 原型链 —— Gal 在 🐦 这篇 Twitter 博文中 解释了开发这个工具的动机。
Gal Weizman
Barba.js:实现页面间平滑视觉过渡 —— 你肯定不能说这个项目的主页没有展示它的所有特性。对于如此戏剧性的效果,一切都感觉流畅而出奇地好看 😁。这里是 GitHub 仓库。
De Rosa, Michel, et al.
Stritch:JavaScript 条码扫描库 —— 这是一个商用库,但功能丰富,呈现精美,支持多种 1D 和 2D 条码类型。
Pixelverse LLC
#Script:受 JavaScript 启发的面向 .NET 的脚本语言 —— 这是一种可嵌入的脚本语言,主要针对模板用例。它也可以以 Lisp 风格 使用。
ServiceStack
ngraph.path:图形中的路径查找 —— 如果你想看看它如何处理几个全球城市的道路网络,可以尝试 实时演示。
Andrei Kashcha
🎉 版本发布:
-
Fresh v1.4
↳ Deno 驱动的 Web 框架。 -
jest-dom v6.0
↳ 自定义匹配器以测试 DOM 的状态。 -
NodeBB v3.3
↳ 基于 Node.js 的论坛软件。 -
SVGR v8.1
↳ 将 SVG 转换为 React 组件。 -
BlockNote v0.9
↳ 基于 ProseMirror 的“Notion 风格”的基于块的编辑器。这里是 演示。 -
React Number Format v5.3
↳ 用于数字的输入格式化库。 -
Tinypool v0.8
↳ 轻量级/微型 Node.js 工作线程池。 -
melonJS v15.9
↳ 轻量级 HTML5 游戏引擎。 -
Sortable v2.3
↳ 使用原生 JavaScript 实现表格排序。这里是 演示。