栗子前端技术周刊第 141 期 - Next.js 16.3、npm 安全事件、2026 CSS 现状调查报告结果...

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

📰 技术资讯

  1. Next.js 16.3:Next.js 16.3 正式发布,新版本构建速度更快、支持可选的 TypeScript 7 类型检查、服务端渲染(SSR)性能升级,新增即时页面导航、AI 相关优化以及诸多其他特性。

  2. npm 安全事件:热门包 keyv 与 cacheable 被植入窃取凭证的蠕虫病毒。事件影响仍在蔓延,截至目前已有数百个其他软件包接连被攻陷。

  3. 2026 CSS 现状调查报告结果 :开发者票选锚定定位(anchor positioning)为过去一年最喜爱的 CSS 新特性,不过该特性目前兼容性不足,阻碍了大规模落地。而使用率最高的几项新式 CSS 特性分别是::has()aspect-ratio 以及 CSS 嵌套写法。报告还调研了开发者对 AI 工具的使用情况(普及率偏低)、各框架采用现状、CSS Grid 的上手难度等内容。

  4. Node.js 26.7.0 :Node.js 26.7.0(现行版本)正式发布:该版本距离 26.6 版本发布仅间隔两天。新增 --test-coverage-include-all 参数,开启后测试覆盖率报告可纳入未被测试覆盖的文件;修复了 FFI 与 SQLite 模块的崩溃问题,同时新增 Perfetto 追踪能力,不过该功能需要自行编译构建 Node 才能启用。

📒 技术文章

  1. Your SPA is Leaking Memory: 'Soak Test' It:你的单页应用正在内存泄漏:用浸泡测试检测它 - 本文讲解如何借助 Playwright 开展浸泡测试:在同一个浏览器上下文循环执行用户操作流程,监控 DOM 节点数量与事件监听器数量,一旦出现内存泄漏就触发 CI 构建失败。

  2. Your JSON is Lying to You :JSON 在欺骗你 - 经过 JSON.parse + JSON.stringify 序列化往返并非无损转换,大整数、undefined、日期对象等数据在转换过程中会被篡改或丢失。作者 Gabor 讲解了各类棘手陷阱,以及明确转换边界的实用方案。

  3. 一线大厂的 Git 规范:重视 Git 规范,建议从三件事做起:统一 commit message 格式、建立分支模型、开启 Code Review。

🔧 开发工具

  1. TanStack Charts:TanStack 团队持续快速迭代的一套与框架无关的全新图表方案。
  1. MicroDiff 1.6:高性能对象与数组对比库,传入两个对象或数组,该库即可返回二者的差异。
  1. Virtua:一款轻量高速的虚拟列表、虚拟表格组件,兼容 React、Vue、Solid、Svelte、Angular 多款框架。

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

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

相关推荐
高级程序源32 分钟前
django大学生创新创业项目管理系统94923-计算机课程设计、毕业设计
javascript·vue.js·spring boot·后端·python·django·课程设计
八荒启·交互动画43 分钟前
# Web特效020—让 Web 特效真正动起来:时间循环应该怎么接
前端·webgl·网页特效·八荒启-交互动画·八荒启
动恰客流统计1 小时前
线下零售数字化浪潮下,客流统计的3个核心发展趋势
大数据·前端·人工智能
lizz22761 小时前
Babel插件手册
javascript
用户938515635071 小时前
从小米前端面试题,彻底搞懂闭包、作用域链与 useState 惰性初始化
前端·面试
粥里有勺糖2 小时前
视野修炼第133期 | Native 回春了?
前端·github·agent
aichitang20242 小时前
前端小skill
前端·人工智能·算法·ai·前端框架
前端·柱子3 小时前
q-floodfill白边锯齿?一招搞定抗锯齿边缘问题
前端·html·canva可画
葡萄城技术团队3 小时前
SpreadJS V19.2新特性揭秘:功能区键盘提示
前端
计算机魔术师4 小时前
AI 幻觉导致的错误情报险些引发美军拦截中国船只
前端