栗子前端技术周刊第 100 期 - Chrome DevTools MCP、IEEE 编程语言榜单...

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

📰 技术资讯

  1. Chrome DevTools MCP:Chrome 团队已为 Chrome DevTools 推出 MCP 服务器,使 Claude Code 或 OpenAI Codex 等智能代理能够借助 DevTools 调试、分析 Web 应用的性能与运行行为。

  2. IEEE 编程语言榜单:电气与电子工程师协会(IEEE)公布了 2025 年顶级编程语言榜单,其中 JavaScript 和 TypeScript 分别位列第六和第七。

  1. 2025 JavaScript 调查报告:2025 年的 JavaScript 现状调查报告开始了,有兴趣的可以参与。

  2. Astro 5.14:Astro 5.14 版本带来了大量功能更新与开发者体验(DX)优化,足以温暖你的心,其中包括全新的路由工具、Svelte 异步渲染、React 19 Actions 支持等众多亮点。

  3. TanStack Start v1 RC:由 TanStack 打造、基于 TanStack Router 的全栈框架现已推出 v1.0 候选版本,框架的定位是构建类型安全、高性能的 React 应用,且无需复杂繁重的抽象层。

📒 技术文章

  1. NPM Security Best Practices:NPM 安全最佳实践 - 这是一份详尽的最佳实践、技术与思路清单,旨在帮助你更安全地使用 npm 包生态系统及其相关工具。

  2. 一次 HTTP 强缓存失效引发的浏览器缓存键深度探索: HTTP 缓存作为提升页面加载速度的重要手段,通常能够显著减少网络请求。然而,最近在开发一个图片处理功能时,作者遇到了一个令人困惑的问题:明明预加载了图片,但在 Canvas 绘制时却没有命中强缓存,导致了重复请求。这个看似简单的问题,却引出了对浏览器缓存键机制的深入思考。

  3. 解析 rc-field-form,探索 zero-form:在中后台开发领域,表单是当之无愧的"核心场景载体",作者在文中解析了 rc-form 和 rc-field-form,从而发起了对业务模型驱动的现代化表单库 zero-form 的探索。

🔧 开发工具

  1. eslint-plugin-react-you-might-not-need-an-effect:一款 ESLint 插件,用于识别那些你可能过度使用的不必要的 useEffect。
  1. pretty-bytes 7.1:将字节数大小转换为人类可读的等效格式(例如,1337 转换为 '1.34 kB')。
  1. nuqs :类型安全的搜索参数状态管理工具 ------ 可以想象成 useState,但其状态存储于 URL 查询字符串中并与之同步。支持 Next.js、纯 React、Remix、React Router、TanStack Router,且可通过适配器支持自定义路由。

📢📢📢 下周国庆假期,周刊休息。

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

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

相关推荐
AlienZHOU2 小时前
AI Coding 时代下,我的技术面试实践分享
前端·后端·面试
Captaincc5 小时前
AI用量v0.1.11更新发布 新增 jusage doctor 诊断指令 托盘展示token 和余额 新增 AutoClaw 支持
前端·后端·vibecoding
计算机魔术师7 小时前
德国Wiki被黑后两周,OpenAI终于把模型失控的账本摊开了
前端
kyriewen7 小时前
我让 AI 当面试官面了我一轮:第 3 个追问我就卡住了(附 10 道追问清单)
前端·面试·ai编程
IT_陈寒7 小时前
Python的GIL把我坑惨了,多线程跑得比单线程还慢
前端·人工智能·后端
前端snow8 小时前
ai agent --- 多agent框架之图编排引擎-langgraph
前端
竹林8188 小时前
OmniPic Studio v3.2.1 核心技术架构与全平台发版解析文档
前端·浏览器
JamesZhang800788 小时前
页面内存只涨不跌? 一次泄漏排查, 牵出 WeakMap 的诞生
前端
Z小明8 小时前
第 6 章 组件进阶
前端·vue.js
江华森8 小时前
HTTP请求的完整过程详解:从DNS解析到TCP挥手的微秒级实战分析
前端