栗子前端技术周刊第 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 等,周刊内容也会不断优化改进,希望你们能够喜欢。

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

相关推荐
mayaairi14 小时前
Vue2 事件绑定完全指南:从入门到原理
前端·javascript·vue.js
ℋᙚᵐⁱᒻᵉ鲸落20 小时前
移动端滑动手势冲突:overflow: auto导致外层横向滑动失效
前端·javascript·css·vue.js·html
默_笙21 小时前
🎃 前端学了 Next.js,后端该学啥?NestJS 就是 Node 版的蜜雪冰城
前端·javascript
前端snow1 天前
ai agent --- 实现 openclaw 定时间效果
前端
码云之上1 天前
换模型之后,Chatbot 为什么要自己做 compact?
前端·agent·前端工程化
এ慕ོ冬℘゜1 天前
navigator 导航对象 BOM制作方法
javascript
星栈1 天前
自定义 UI-UX-Pro-Max 的 CSV 知识库,把 AI 生成的后台拉回行业该有的样子
前端·agent·weui
研☆香1 天前
简单的图片上传 删除 预览
前端
ITresearchGuest1 天前
我用 AI 一小时写了一个世界杯数据可视化平台|前端 VibeCoding 初体验
前端·人工智能·信息可视化
慧一居士1 天前
Vite项目中使用Less步骤,详细使用示例
前端·css