❌

普通视图

发现新文章，点击刷新页面。
昨天 — 2025年9月8日首页

栗子前端技术周刊第 97 期 - Viteland：8 月回顾、Redux Toolkit 2.9、Nuxt 4.1...

✇掘金 前端
作者 晓得迷路了
2025年9月8日 08:42

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

📰 技术资讯

  1. Viteland：8 月回顾：该回顾内容汇总了 Oxlint、Vite、Vitest、Rolldown 及相关项目的最新动态，实用且全面。

  2. Redux Toolkit 2.9：这款长期用于 Redux 状态管理的工具集迎来了性能更新，具体包括重写 RTK Query 的订阅与轮询系统、在缓存项被移除时自动中止进行中的请求等功能。

  3. Nuxt 4.1：Nuxt 4.1 发布，更新内容包括：增强 chunk 稳定性、实验性 Rolldown 支持、改进 lazy hydration 等等。

📒 技术文章

  1. 从 npm 到 pnpm：包管理器的进化与 pnpm 核心原理解析：在前端与 Node.js 开发中，包管理器是连接项目与海量开源依赖的核心工具。文章将先回顾 npm 的局限，再深入解析 pnpm 如何通过硬链接与符号链接突破这些局限，揭开其 “高效存储、极速安装” 的底层逻辑。

  2. 前端项目中 .env 文件的原理和实现：作者介绍了使用 .env 文件的原因，解释其原理，并给出了 .env 简易和升级版实现代码。

  3. 该用 img 还是 new Image()？前端图片加载的决策指南：本文围绕前端图片加载中 <img> 和 new Image() 的使用展开。<img> 插入 DOM 即发起请求，有语义和可访问性优势，可结合多种属性优化性能，适用于首屏、需语义场景。new Image() 设置 src 才请求，优先级低，适合预加载，能避免布局抖动。

🔧 开发工具

  1. react-window 2.0：用于快速渲染大型数据列表，其“虚拟列表”的能力可避免页面卡顿。
image-20250906162740601
  1. EmbedPDF：EmbedPDF 是一款可集成到任意 JavaScript 项目的 PDF 查看器，它具有无依赖项、支持任意框架的特点，还具备主题设置、批注、内容修订、搜索、平滑滚动等功能。
image-20250906163427979
  1. fp-filters：fp-filters 是一套精心整理的过滤函数集合，包含超过 100 个常用过滤函数，可采用函数式编程风格使用。
image-20250906165112501

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

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

❌
❌