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

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

相关推荐
大鱼前端2 小时前
告别 Electron 的臃肿:用 Tauri 打造「轻如鸿毛」的桌面应用
前端
江城开朗的豌豆2 小时前
React vs Vue:谁在性能赛道上更胜一筹?
前端·javascript·react.js
美酒没故事°2 小时前
旧vue3项目集成electron
前端·javascript·electron
ら陈佚晨2 小时前
electron在windows系统上如何进行用户授权
javascript·windows·electron·认证·授权
c0detrend2 小时前
开发实战:从0到1实现Chrome元素截图插件的完整过程
前端·chrome
COWORKSHOP2 小时前
华为芯片泄密案警示:用Curtain e-locker阻断内部数据泄露
运维·服务器·前端·数据库·安全·华为
GISer_Jing2 小时前
大前端——Taro、React-Native、Electron 大前端
前端·javascript·electron·taro
丰年稻香2 小时前
Electron 安全实践:渲染进程如何安全使用主进程的三方库能力
javascript·安全·electron
JarvanMo2 小时前
4 个让我重新思考我的开发环境配置的开源工具
前端