栗子前端技术周刊第 85 期 - Oxlint 1.0、pnpm 10.12、Node v24.2.0...

🌰栗子前端技术周刊第 85 期 (2025.06.09 - 2025.06.15):浏览前端一周最新消息,学习国内外优秀文章视频,让我们保持对前端的好奇心。

📰 技术资讯

  1. Oxlint 1.0:首个稳定版本的 Oxlint 已发布!其性能比 ESLint 提升了 50~100 倍,支持超过 500 条 ESLint 规则,且已在 Shopify、Airbnb 等大型企业中投入使用。

  2. pnpm 10.12:pnpm 10.12 引入实验性全局虚拟存储,长期以来,pnpm 因其相比 npm 更快的速度和更高的效率而备受青睐。v10.12 版本更进一步,引入了"全局虚拟存储",node_modules 会通过符号链接指向该存储,从而使项目能够共享依赖项,避免重复安装。

  3. Node v24.2.0 :Node v24.2.0(最新版本)发布,import.meta.main 是 ES 模块中新增的布尔值属性,用于判断当前模块是否为进程的入口模块,此外,nghttp2 中移除了对 HTTP/2 优先级信号的支持。

📒 技术文章

  1. 8 CSS & JavaScript Snippets for Creating Sticky Elements:8 个实现元素固定效果的 CSS 和 JavaScript 代码片段 - 文章从 CodePen 代码库中精选了一些实用的元素固定效果范例,很好地展示了多种提升用户体验的实现方案。

  2. How to Create Your Own Simple useState Hook:如何手写实现简易版 useState Hook - 文章介绍了如何从零开始实现一个简化的 useState 钩子和 React 中钩子规则存在的根本原因。

  3. 从 npm 到 Yarn 到 pnpm:JavaScript 包管理工具的演进之路:本文将深入介绍这三款工具的工作机制、出现背景及其各自解决的问题,并辅以案例来加深理解。

🔧 开发工具

  1. Smooothy:一个流畅且可扩展的轮播组件,同时支持 React 和 Vue。
  1. Chrome Extension Boilerplate:Chrome 扩展程序模板,使用 React 构建 Chrome/Firefox 扩展程序,通过使用 Vite 和 Turborepo,实现更快的构建速度和更优的开发体验。
  1. npmgraph:可视化 npm 模块依赖关系的工具,输入一个或多个 npm 包名称,你就能看到这些包的依赖关系图可视化展示。

🚀🚀🚀 以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢。

💖 欢迎关注微信公众号:栗子前端

相关推荐
2501_920931705 小时前
React Native鸿蒙跨平台采用ScrollView的horizontal属性实现横向滚动实现特色游戏轮播和分类导航
javascript·react native·react.js·游戏·ecmascript·harmonyos
0思必得07 小时前
[Web自动化] Selenium处理动态网页
前端·爬虫·python·selenium·自动化
摘星编程7 小时前
React Native鸿蒙版:Drawer抽屉导航实现
react native·react.js·harmonyos
东东5167 小时前
智能社区管理系统的设计与实现ssm+vue
前端·javascript·vue.js·毕业设计·毕设
catino7 小时前
图片、文件的预览
前端·javascript
2501_920931709 小时前
React Native鸿蒙跨平台实现推箱子游戏,完成玩家移动与箱子推动,当所有箱子都被推到目标位置时,玩家获胜
javascript·react native·react.js·游戏·ecmascript·harmonyos
layman05289 小时前
webpack5 css-loader:从基础到原理
前端·css·webpack
半桔9 小时前
【前端小站】CSS 样式美学:从基础语法到界面精筑的实战宝典
前端·css·html
AI老李9 小时前
PostCSS完全指南:功能/配置/插件/SourceMap/AST/插件开发/自定义语法
前端·javascript·postcss
_OP_CHEN9 小时前
【前端开发之CSS】(一)初识 CSS:网页化妆术的终极指南,新手也能轻松拿捏页面美化!
前端·css·html·网页开发·样式表·界面美化