栗子前端技术周刊第 74 期 - 2025 Vue.js 现状报告、Element Plus X、Material UI v7...

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

📰 技术资讯

1. 2025 Vue.js 生态现状报告：本报告由 Vue 和 Nuxt 官方团队鼎力支持打造，内容是对两大项目（Vue 和 Nuxt）生态现状的深度剖析，更独家收录了尤雨溪关于 Vue 和 Vite 最新发展的访谈实录。

2. Element Plus X 开源：基于 Element-Plus 设计体系的 AI 组件库，用 vue3 插槽对 ant-design-x 实现复刻，打造卓越 AI 界面解决方案，引领智能新体验。

3. Material UI v7：Material UI v7 正式发布，内容包括提升了对 ESM 的支持，实现了插槽（Slot）模式、选择性 CSS Layers 支持等。

4. Next.js 15.2.3：Next.js 发布了新版本 15.2.3，以修复一个严重的安全漏洞，该漏洞可能导致中间件被绕过（包括用于身份验证的中间件），自托管（Self-hosted）的 Next.js 实例必须立即升级以修复该安全漏洞。

5. Vite 安全漏洞：Vite 开发服务器存在漏洞，此漏洞允许攻击者通过特殊的 URL 参数绕过对文件系统的访问限制，从而获取任意文件内容，修复方案为升级到官方推荐的安全版本。

6. Bun 1.2.7 ：上周 Bun 发布了 1.2.6 和 1.2.7 版本，内容包括显著提升了 Express 和 Fastify 框架的性能表现，增强了与 node:crypto 的兼容性，并首次实现了对 node:test 的初步支持、TypeScript 类型增强、支持 Bun.Cookie 和 Bun.CookieMap 在任意代码中读取和写入 Cookie。

📒 技术文章

1. Writing a Tiny Undo/Redo Stack in JavaScript：用 JavaScript 实现简易撤销/重做（Undo/Redo）栈 - 你当然可以选择成熟的方案（比如用 Immer 的补丁机制），但如果你想自己实现一个轻量级的版本，这篇文章或许能帮到你。

2. How to Use AbortController to Manage Cancelable Asynchronous Tasks in JavaScript：如何使用 AbortController 管理可取消的异步任务 - AbortController 是 JavaScript 中的一个强大工具，可让你随时取消异步操作，它对于网络请求、定时器和数据流尤其有用，本文将探讨 AbortController 的工作原理、使用场景和潜在缺陷。

3. 前端上传图片处理：缩放、旋转、移动与裁剪 ：文章主要介绍了前端上传图片处理的两种方案。方案一是利用 CSS3 的 transform 属性实现缩放、旋转、移动等操作，借助 html2canvas 库保存图片。方案二通过 Canvas 的变换矩阵实现，包括图片初始化、居中、移动、旋转、缩放及保存。

🔧 开发工具

1. anchorme.js：Anchorme 库可智能识别文本中的链接、URL 和电子邮件地址，并将其自动转换为可点击的 HTML 锚点链接。

2. Lexical 0.29：Meta 推出的高扩展性文本编辑器框架。

3. css-flex-code：开源的 VS Code 插件，通过图标生成 flex、grid 布局的 CSS 代码。

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

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