🌰栗子前端技术周刊第 85 期 (2025.06.09 - 2025.06.15):浏览前端一周最新消息,学习国内外优秀文章视频,让我们保持对前端的好奇心。
📰 技术资讯
-
Oxlint 1.0:首个稳定版本的 Oxlint 已发布!其性能比 ESLint 提升了 50~100 倍,支持超过 500 条 ESLint 规则,且已在 Shopify、Airbnb 等大型企业中投入使用。
-
pnpm 10.12:pnpm 10.12 引入实验性全局虚拟存储,长期以来,pnpm 因其相比 npm 更快的速度和更高的效率而备受青睐。v10.12 版本更进一步,引入了"全局虚拟存储",node_modules 会通过符号链接指向该存储,从而使项目能够共享依赖项,避免重复安装。
-
Node v24.2.0 :Node v24.2.0(最新版本)发布,
import.meta.main
是 ES 模块中新增的布尔值属性,用于判断当前模块是否为进程的入口模块,此外,nghttp2
中移除了对 HTTP/2 优先级信号的支持。
📒 技术文章
-
8 CSS & JavaScript Snippets for Creating Sticky Elements:8 个实现元素固定效果的 CSS 和 JavaScript 代码片段 - 文章从 CodePen 代码库中精选了一些实用的元素固定效果范例,很好地展示了多种提升用户体验的实现方案。
-
How to Create Your Own Simple useState Hook:如何手写实现简易版 useState Hook - 文章介绍了如何从零开始实现一个简化的 useState 钩子和 React 中钩子规则存在的根本原因。
-
从 npm 到 Yarn 到 pnpm:JavaScript 包管理工具的演进之路:本文将深入介绍这三款工具的工作机制、出现背景及其各自解决的问题,并辅以案例来加深理解。
🔧 开发工具
- Smooothy:一个流畅且可扩展的轮播组件,同时支持 React 和 Vue。

- Chrome Extension Boilerplate:Chrome 扩展程序模板,使用 React 构建 Chrome/Firefox 扩展程序,通过使用 Vite 和 Turborepo,实现更快的构建速度和更优的开发体验。

- npmgraph:可视化 npm 模块依赖关系的工具,输入一个或多个 npm 包名称,你就能看到这些包的依赖关系图可视化展示。

🚀🚀🚀 以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢。
💖 欢迎关注微信公众号:栗子前端