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

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

相关推荐
xm_xm_xm_122 分钟前
react17版本以前类组件常用操作
前端·javascript·react.js
ly76891 小时前
Web 性能优化实战:从 Core Web Vitals 到工程化性能治理
前端·性能优化
冬奇Lab2 小时前
一天一个开源项目(第200篇):next-forge - 生产级 Next.js SaaS 启动模板
前端·前端框架·开源
Profile排查笔记2 小时前
指纹浏览器怎么设置 IP?代理配置、检测与排错流程
前端·人工智能·后端·自动化
lzhdim2 小时前
13、JavaScript事件循环机制 - JavaScript学习系列文章
开发语言·前端·javascript·学习·ecmascript
liangshanbo12152 小时前
Vue 3 <script setup> 的本质原理是什么?它与普通 setup()有何区别?
前端·javascript·vue.js
IT_陈寒3 小时前
SpringBoot自动配置失效?你可能漏了这个小开关
前端·人工智能·后端
kyriewen3 小时前
我写了1个复盘Skill,和AI协作踩过的坑第二天自动变成护栏
前端·程序员·ai编程
风骏时光牛马3 小时前
AI提示词异常故障复盘分析
前端
SoaringHeart4 小时前
Flutter 进阶:NCanvasImageLoader 让 Canvas 也能画网络图
前端·flutter