670 期 - htmx 是一个新的 JavaScript 框架吗?
本期看点:尽管 htmx 已经四岁了,但最近却迎来了一波热潮,部分原因是开发者对“大型框架”开始感到疲劳,也因为它是基于简单的 HTML 方法向页面添加功能,这吸引了越来越多不同背景的人群。但它本身只是另一个框架吗?是的。也不是。
编辑:Yucohny、Jojo、TimLi
🔥 本周热门
htmx 是一个新的 JavaScript 框架吗? —— 尽管 htmx 已经四岁了,但最近却迎来了一波热潮,部分原因是开发者对“大型框架”开始感到疲劳,也因为它是基于简单的 HTML 方法向页面添加功能,这吸引了越来越多不同背景的人群。但它本身只是另一个框架吗?是的。也不是。
Alexander Petros
33 个每位开发者都应了解的 JavaScript 概念 —— 这是一个由教程链接组成的精选集,涵盖了值得深入了解的 33 个不同领域,包括:类型、闭包、相等性、作用域和不同的引擎。
Leonardo Maldonado
介绍 fsx:JavaScript 的现代文件系统 API —— JavaScript 运行时的文件系统 API 长期以来一直不尽人意。这是一位杰出的 JavaScript 专家试图打造更好的文件系统 API。
Nicholas C. Zakas
快讯:
-
CodePen 分享了其 2023 年最受欢迎的 100 个代码片段。这里有许多令人印象深刻的代码片段,值得查看和学习。
-
无聊吗?Deno 团队将在接下来的一周内举办 一个小型黑客马拉松。
-
jsfree.org 是一个收集了一些可以在没有 JavaScript 的情况下正常工作的网络服务的新网站。
-
🌼 来玩玩 drawing.garden。
📒 教程与趣事
网站与 Web App 的二分法并不存在 —— 这是一篇有趣的思考文章,将帮助你深入思考这个问题并形成自己的观点:“如果一定要得出个结论,那就是网络是一个灵活的媒介,可以将任意技术以各种有趣的方式结合起来”。
Jake Lazaroff
基于 Rust 的 JavaScript Linter:快,但目前无法进行类型检查 —— 这篇文章解释了为什么基于 Rust 的 Linter 虽然快了很多,但还是建议使用具有完整功能的 typescript-eslint
。
Josh Goldberg
根据脚本语言进行 CSS 媒体查询 —— Chrome(和 Edge)刚刚添加了一个新的媒体查询(例如 @media (scripting: none)
),可以根据脚本语言的可用性定义样式。这个功能现在在所有主要的浏览器中都得到支持,这是 Chromium 追赶的一个罕见案例!你可以在 这里 查看它在所有主要浏览器中的支持情况。
Stephanie Stimac
▶ Remix 到底是什么? —— 这里指的是全栈 Web 框架 Remix。
Alem Tuzlak
🛠 代码与工具
zip.js:用于压缩和解压文件的库 —— 听起来很简单,而且确实如此,而且它支持几种不同的格式,并且可以生成带密码保护的 ZIP 文件。有一些演示示例,但是 最简单的一个 就让我对它印象深刻。这是 GitHub 仓库。
Gildas Lormeau
Element Plus:Vue 3 组件库 —— 开箱即用,可以在这里获得各种干净、简单的组件。欢迎查看 实际效果。
Element Plus Team
RE2JS:正则表达式的线性时间匹配库 —— RE2 是由 Google 构建的正则表达式引擎,旨在以与输入大小成比例的时间内运行,以避免回溯引起的所谓 ReDoS 问题。这里有 与 Node.js 绑定的版本。
Oleksii Vasyliev
Penrose:通过编写纯文本创建美观的数学图表 —— 它可能听起来有点像 Mermaid(事实上,它们的首页非常相似),但它的范围似乎更加注重数学领域——这里有 许多示例。
Penrose Contributors
DOMPurify v3.0.8:快速、宽容的 HTML XSS 清理工具 —— 支持所有现代浏览器,并经过了大量测试。这里有 一个在线演示。
Cure53
remoteStorage:跨浏览器/设备持久化存储 —— 将 localStorage
API 与远程服务器结合起来,以实现在各个浏览器和设备之间持久化存储数据——基本上就像是远程的 localStorage
。这是 服务器部分 的链接。
Frigade
版本发布:
-
Rspack v0.5 – 基于 Rust 的快速 Web 打包工具。
-
MikroORM 6 – 用于 Node.js 的 TypeScript ORM。
-
eslint-plugin-vue v9.20.0 – Vue.js 的官方 ESLint 插件现在支持 Vue 3.4,这是 主页。
-
file-type v19.0 – 从
Buffer
、Uint8Array
或ArrayBuffer
中检测文件类型。 -
React Unity WebGL v9.5 – 在 React 应用中嵌入 Unity WebGL 构建。
-
htmlparser2 v9.1 – 快速且宽容的 HTML/XML 解析器。
-
YouTube.js v8.2 – 封装了 YouTube 内部 API 的工具。
-
HLS.js v1.5 – HTTP Live Streaming 客户端库。
-
React Icons v5.0 – 在 React 应用程序中轻松使用流行的图标。
-
Chai v5.0 – BDD / TDD 断言库。