本文字数2400+ ，阅读时间大约需要 7分钟。
【掘金一周】本期亮点：
- 超硬核！教你手搓一套船新架构的前端脚手架～
- 一次排查 Cursor bug 的经历
- 对话即服务：Spring Boot整合MCP让你的CRUD系统秒变AI助手
- 后端如何赋能前端：从数据驱动到视图驱动接口的进阶之路
- 商家域稳定性建设之原理探索｜得物技术
- 「LLM 训练解析」：从 Pretrain 到 DPO，LLM 是如何一步步变聪明的？
- Android Vulkan 官宣转正并统一渲染堆栈 ，这对 Flutter 又有什么影响？
- 利用内存页筛选法手撕内存越界行为
「上榜规则」：文章发布时间在本期「掘金一周」发布时间的前一周内；且符合各个栏目的内容定位和要求。 如发现文章有抄袭、洗稿等违反社区规则的行为，将取消当期及后续上榜资格。
一周"金"选
内容评审们会在过去的一周内对社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方榜单中，排名不分先后。
前端
重学前端工程化：想了解前端工程化，PNPM 你可不能落下 😎😎😎 @Moment
文章主要介绍了前端包管理器 pnpm。npm 存在幽灵依赖、空间浪费等问题，而 pnpm 是 npm 的增强版本。它安装依赖速度快，通过内容寻址存储和硬链接减少空间浪费，解决了幽灵依赖。其 node_modules 结构独特，还有.bin 目录、.modules.yaml 文件。pnpm 支持 Node.js 版本管理和 workspace，在 Monorepo 项目中优势明显。安装快得益于硬链接复用、并行处理、增量安装优化和高效缓存利用，相比 npm，其全局缓存机制也更具优势。
vue3仿Deepseek/ChatGPT流式聊天AI界面，对接deepseek/OpenAI API @xiaoyan2015
该文章主要介绍了 vue3-deepseek-chat 项目。它基于 Vue3、Vite6 等技术搭建，集成 DeepSeek、OpenAI API 实现流式聊天，支持多主题、代码高亮与本地缓存，适配移动端和 PC 端。文中给出冒泡排序的 JavaScript 代码示例，还介绍了项目配置（如.env、main.js）、路由设置、本地存储会话方法，以及对接 DeepSeek API 的代码，能实现一次性或流式输出结果，为开发者提供了完整的项目参考。
文章介绍了全新架构的前端脚手架 Create - Neat（cn）。先阐述基本脚手架实现逻辑，包括命令行交互、初始化处理、生成器执行和收尾处理。接着指出传统脚手架灵活性差、复杂度高的技术壁垒。新型脚手架设计旨在避免插件、框架和构建工具间排列组合配置，通过设计抽象协议及处理器来实现。还对插件进行分类，设计如 ENTRY_FILE、SLOT_INJECT 等协议，目前协议开发在推进，后续会围绕协议扩展、插件与构建工具扩展和可视化发展。
文章聚焦前端监控，阐述其在大型项目中对稳定性、用户体验和业务扩展的重要性 。重点介绍从 0 到 1 构建 Web 监控 SDK 的过程，包括用 Rollup 搭建构建环境，实现异常监控（如 JS 代码执行、Promise 未处理等错误）、白屏监控、页面加载时间统计及性能指标监测等功能；还探讨了 Source Map 源代码定位、错误信息聚合、数据加工清洗和异常报警等重难点内容，为前端监控开发提供了全面的实践指导。
文章作者卡颂分享排查 Cursor 中注册的 MCP 服务不被调用问题的过程。作者按 MCP 规范实现的天气查询服务在 Cursor 中注册成功却未被调用，经排查，发现 mcp 服务本身没问题。通过调试开源的 Cline 发现其可正常调用该服务。由于 Cursor 闭源，作者抓取请求分析，发现 Cursor 发出的 LLM 请求中未将 weather 相关 Tool use 带上，这是导致问题的原因。
后端
对话即服务：Spring Boot整合MCP让你的CRUD系统秒变AI助手 @别惹CC
这篇文章介绍了随着 AI 发展，MCP 协议的价值日益凸显，它如同 AI 世界的 "万能适配器"。以 Spring Boot 图书管理服务为例，展示了将其改造成 MCP 服务的过程，涵盖导入依赖、配置、改造方法及接口测试等步骤，实现让 CRUD 系统秒变 AI 助手，"对话即服务" 或成未来开发的范式。
后端如何赋能前端：从数据驱动到视图驱动接口的进阶之路 @货拉拉技术
这篇文章聚焦货运系统接口设计，对比传统数据型接口与视图驱动型接口。传统接口存在数据冗余、逻辑外泄、协同低效问题。视图驱动型接口以 UI 展示为中心，具备结构一致、逻辑内聚、动态热插拔特征。其设计包含构建 UI 驱动型 DTO、打造场景卡片模型、实现动态编排、进行稳定性设计。经货拉拉司机端订单详情页实践，在性能、研发、商业层面成果显著。文章还指出其未来在智能渲染、协同、端侧管理的演进方向。
这篇文章围绕得物商家域稳定性建设展开探讨。先是给出稳定性公式，明确建设目标即聚焦公式关键因素制定治理项；接着分析建设面临的困难，像短期价值不明、业务压力下优先级低、风险识别治理难等；随后提出建立共识、明确目标、落地任务等建设方法，涵盖意识培养、安全生产规范等；最后给出稳定性建设全景图，助力理解建设要点，为追求系统稳定性提供参考。
Android
Android Vulkan 官宣转正并统一渲染堆栈 ，这对 Flutter 又有什么影响？ @恋猫de小郭
文章主要介绍了 Android 中 Vulkan 的发展及其对 Flutter 的影响。2025 年起，Vulkan 成为 Android 官方图形 API，取代 OpenGL。Google 通过 ANGLE 和 Vulkan 配置文件（VPA）推动过渡，并与 Unity、联发科合作。这一转变对 Flutter 的 Impeller 渲染引擎影响较大，因 Android 碎片化，Impeller 在 Android 的落地面临设备兼容性、swapchain 支持等问题。未来 ANGLE 的普及有望改善现状，推动 Flutter GPU 场景正式落地。
Flutter&Flame 游戏实践#22 | 全平台游戏盒#1 @张风捷特烈
文章为 Flutter&Flame 游戏开发系列内容，作者计划基于 Flutter 3.29.x 和 Flame 1.26.0 搭建全平台游戏盒 TolyGameBox。文中先介绍应用启动流程，利用 fx_framework 的启动器实现资源加载与页面跳转；接着构建应用导航树，通过 go_router 实现局部嵌套路由；然后完成导航视图构建和游戏中心展示，将扫雷游戏以模块形式接入。后续作者还会把更多小游戏按模块集成进游戏盒。
利用内存页筛选法手撕内存越界行为@PenguinLetsGo
文章聚焦 Android 系统中某进程的内存越界问题。某进程开机或初始化时出现 binder 通讯异常和内存踩踏错误，经分析是内存越界导致。通过墓碑分析、Scudo 内存分配器检查、Core 分析和 BPF 跟踪等手段定位问题。引入内存页筛选法，利用内存分页和页保护机制检测越界，设置保护页并制造陷阱，成功捕获越界行为，定位到是
A_FUNCTION函数中memcpy调用引发的越界。最终通过修改hal_xxx_num参数解决问题。
人工智能
「LLM 训练解析」：从 Pretrain 到 DPO，LLM 是如何一步步变聪明的？ @寒草
文章以通俗易懂的语言介绍了 LLM 训练过程。先列举 GPT、LLaMA 训练中的关键词，接着详细阐述 GPT 训练步骤：预训练让模型学习语言模式，SFT 用标注数据微调，奖励模型评估文本，PPO 优化决策能力。然后介绍 LLaMA 3 的训练流程，包括数据收集与生成、奖励模型训练、监督微调、直接偏好优化。经过这些步骤，LLM 逐渐学习语言知识、理解人类意图、优化决策，变得更加智能。
社区活动日历
活动日历
| 活动名称 | 活动时间 | ||
|---|---|---|---|
| 稀土掘金首届 AI FOR CODE 创意挑战赛开启报名啦！为你的奇思妙想喝彩 | 2025年3月3日-2025年3月31日 | ||
| Trae x 稀土掘金：与AI结伴，编程不孤单，推荐&学习有好礼！ | 2025年3月12日-2025年3月31日 |
📖 投稿专区
大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会呈现在下一期。文章创建日期必须在下期掘金一周发布前一周以内；可以推荐自己的文章、也可以推荐他人的文章。