标签：前端开发
最近，我在Node.js中实验性地引入了对同步ES模块的require()支持，这是一个早就应该实现的功能。在这个拉取请求中，我在评论中表达了我对为什么在2024年之前没有早点实现这个功能的理解。本文对此进行了更详细的阐述。 本文中的观点代表我个人的看法，反映了我作为一个长期旁观...
Node.js技术指导委员会已确认，在持续讨论启用Corepack默认设置的情况下，将npm从Node.js发行版中移除不是项目的目标。 Node.js技术指导委员会（TSC）本周举行了会议，并在关于启用Corepack默认设置的更广泛讨论中做出了一些关键决定。与会成员确...
几周前，我偶然发现了一个我以前不知道存在的浏览器 API；那就是 Web 蓝牙 API。看起来它已经在开发中有 7 年以上的时间了，我很高兴大多数浏览器现在都支持它。我非常喜欢“一次构建，到处运行”的理念，这也是 Web 蓝牙令人兴奋的原因之一。您无需为 Android、iOS、...
学习这些视口相关的 CSS 单位（100vh、100dvh、100lvh、100svh）
在本教程中，我们将讨论使用经典的 100vh 单位创建全屏部分时面临的挑战，并讨论一些出色的替代 CSS 单位。 英雄或全屏部分是 UI 设计的重要组成部分。它们存在于不同类型的网站中，从登陆页面到作品集网站，旨在在首次吸引访客的注意力。英雄部分的常见组成部分包括幻灯片、图片、视...
他们说编程中有两件难事：命名和缓存失效。我想再增加一项：现代 Web 应用中的状态管理！ 今天，我们将深入探讨 Vue 中的状态管理策略，并介绍直观的存储库 Pinia。 Vue 状态管理：注意事项和限制 从 Vue 2 开始的时代起，我们使用 data 选项来定义一个方法，该方...
Iterator helpers 是迭代器原型上的一组新方法，有助于一般的迭代器使用。由于这些辅助方法在迭代器原型上，任何在其原型链上具有 Iterator.prototype 的对象（例如数组迭代器）都会获得这些方法。在以下各小节中，我们将解释 Iterator helpers...
新的自动填充面板 此版本为 DevTools 带来了全新的 自动填充 面板。Chrome 自动填充 提供了一种方便的方式，在网站上自动填充已保存地址的表单。新的 自动填充 面板允许您检查表单字段、预测的自动填充值和已保存数据之间的映射关系。 在此 演示页面 上尝试新面板和测试数据...
在2023年初，我发布了一个名为Placemark的Figma插件，它可以让你在Figma中创建矢量地图，这是一款图形设计工具。从那时起，我一直在闲暇时维护着该插件，并且推出了另一个插件，Placemark Globe。 它们在某种程度上取得了一定的成功！根据Figma社区网站的...
Paul Scanlon使用Waku展示了RSCs如何让React开发人员在组件级别访问异步服务器端请求和数据。 哇，最近关于React服务器组件（RSCs）的讨论声浪很大，但大部分时间，在阅读了互联网上最聪明的人的解释后，我并没有真正理解任何内容。但我后来花时间尝试了...
在你充分理解 CSS 之前，你实际上无法真正理解“实用优先”的 CSS，因此本文主要将讨论 CSS。然而，矛盾的是，你对 CSS 的了解越深，你对“实用优先”的 CSS 的欣赏可能就越少。你可能会开始质疑为什么它应该存在。你甚至可能会开始质疑为什么 你 存在。 我会尽力解释。 在...