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

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

相关推荐
掘金安东尼5 小时前
让 JavaScript 更容易「善后」的新能力
前端·javascript·面试
掘金安东尼5 小时前
用 HTMX 为 React Data Grid 加速实时更新
前端·javascript·面试
灵感__idea7 小时前
Hello 算法:众里寻她千“百度”
前端·javascript·算法
yinuo7 小时前
轻松接入大语言模型API -04
前端
袋鼠云数栈UED团队8 小时前
基于 Lexical 实现变量输入编辑器
前端·javascript·架构
cipher8 小时前
ERC-4626 通胀攻击:DeFi 金库的"捐款陷阱"
前端·后端·安全
UrbanJazzerati8 小时前
非常友好的Vue 3 生命周期详解
前端·面试
AAA阿giao8 小时前
从零构建一个现代登录页:深入解析 Tailwind CSS + Vite + Lucide React 的完整技术栈
前端·css·react.js
亦妤8 小时前
JS执行机制、作用域及作用域链
javascript
兆子龙9 小时前
像 React Hook 一样「自动触发」:用 Git Hook 拦住忘删的测试代码与其它翻车现场
前端·架构