为了让 iframe 支持 keepAlive，我连夜写了个 kframe | 掘金一周 5.22本文字数2000+ ，

本文字数2000+ ，阅读时间大约需要 6分钟。

【掘金一周】本期亮点：

「上榜规则」：文章发布时间在本期「掘金一周」发布时间的前一周内；且符合各个栏目的内容定位和要求。如发现文章有抄袭、洗稿等违反社区规则的行为，将取消当期及后续上榜资格。

一周“金”选

掘金一周文章头图 1303x734.jpg

内容评审们会在过去的一周内对社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方榜单中，排名不分先后。

前端

编程常用的 MCP Server，用自然语言写代码 @前端双越老师

这段时间 MCP 非常火爆，前几天满屏都是 MCP 的各种介绍，内容都大同小异，甚至机翻的国外文章。算是强行给大家做了一次普及，不看也得看哈哈。

🎮 从 NES 到现代 Web —— 我用 Vue 3 打造了一套像素风组件库，支持自定义 Paint Worklet @猫闷台817

现有的 8-bit 风组件库 NES.css 是一个 CSS 框架, 它只需要 CSS，不依赖于任何 JavaScript, 核心绘制逻辑都是基于 box-shadow 实现, 但在不同浏览器环境, 浏览器缩放时，box-shadow 的浮点偏移值经过缩放后无法精准对齐物理像素网格，导致渲染出现间隙。

为了让 iframe 支持 keepAlive，我连夜写了个 kframe @Canmick

前几天收到一个bug，说是后台管理系统每次切换标签栏后，xxx内容区自动刷新，操作进度也丢失了，给用户造成很大困扰。作为结丹期修士的我自然不容允许此等存在，开干！

别再用 useEffect 写满组件了！试试这个三层数据架构 🤔🤔🤔 @Moment

我们常常低估了数据获取的复杂性，直到项目已经陷入困境。很多项目一开始只是简单地在组件中随手使用 useEffect() 和 fetch()。然而不知不觉中，错误处理、加载状态、缓存逻辑和重复请求越堆越多，代码变得混乱难以维护，调试也越来越痛苦。以下是我在许多项目中常见的一些问题。

后端

如何医治一条慢SQL ？@苏三说技术

几年来，我发现一个定律：所有SQL问题都是在凌晨三点爆发！今天抽丝剥茧，教你用架构师的思维给慢SQL开刀手术。希望对你会有所帮助。

完了！一条SQL把数据库服务器干爆了 @提前退休的java猿

5月16号，一条SQL把数据库服务器干爆了，这个问题出现过好多次了,但是这次这个SQL是我写的，加上最近有重要的业务在开展，产生了很多脏数据。当时气氛一下就紧张起来了，快！快！快！紧急修复啊!

从构思产品到打造 Go 微服务模板：我的实践之路 @猪猪拆迁队

因为我一开始不是作为Golang开发人员来做这个开发模版的，可能有些东西考虑不到，更多的思维是站在Node的角度去思考问题，结合Express, 和 NestJs等依赖注入和控制反转等设计思想去整合开发模版，所以如果有些地方考虑不到，请指出，谢谢。

【我要找工作_03】当我在学习MyBatis时，我到底在学习个啥？ @晚_风

为了不再四处寻找mybatis的八股、在我学习mybatis的mini版代码之后、基于自己的理解，写出了此文，如果你正好阅读到此文，恰好和我一样领着失业金，那就给我点个赞吧。行文如有错误，请指出。

Android

鸿蒙 PC 发布之后，想在技术上聊聊它的未来可能 @恋猫de小郭

最近鸿蒙 PC 刚发布完，但是发布会没公布太多技术细节，基本上一些细节都是通过自媒体渠道获取，首先可以确定的是，鸿蒙 PC 本身肯定是无法「直接」运行 win 原本的应用，但是可以支持手机上「原生鸿蒙」的应用。

uni-app x 正式支持鸿蒙，又一个原生级全平台框架落地 @恋猫de小郭

其实在很久之前的《浅谈 uts + uvue 下的 uni-app x 是什么》我们就聊过 uni-app x ，相信在此之前大家对于 uni-app 的印象应该都是在小程序居多，虽然 uni-app 也可以打包客户端 app，甚至有基于 weex 的 nvue 支持，但是其效果只能说是“一言难尽”，而这里要聊的 uni-app x ，其实就是 DCloud 在跨平台这两年的新尝试。

鸿蒙纪·Flutter卷#01 | 环境搭建 3.22.0 版 @张风捷特烈

Flutter 最主流的跨平台开发框架之一，支持 Android、iOS、Windows、Macos、Linux、Web 六大平台。当你的应用恰好用 Flutter 构建，此时又需要支持鸿蒙版，该怎么做呢？单独使用 ArkUI 再写一份感觉有些得不偿失，你不禁感叹，如果使用 Flutter 可以构建鸿蒙应用，那世界将会多么美好。

前几天刚聊过《Google 开始正式强制 Android 适配 16 K Page Size》之后，被问到最多的问题是「怎么查看项目是否支持 16K Page Size」？其实有很多直接的方式，但是最难的是当你的项目有很多依赖时，怎么知道这个「不支持的动态库 so」文件是哪个依赖？

状态管理：Compose的隐形炸弹？从重组陷阱到性能救赎 @RainyJiang

在屏幕前的大家肯定见过这些画面：刚开始学习Compose的时候，我照着官方demo写Compose代码，突然报了一堆看不懂红字的错误，精心设计的动画在手机上抽风乱抖;改了个字体颜色，整个页面突然原地消失... 这个号称“新时代UI框架”的Jetpack Compose，总能用我想不到的方式教我做人。

[HarmonyOS]鸿蒙如何在Axios基础上扩展rcp？@货拉拉技术

鸿蒙项目立项后，为了快速对齐网络能力，我司直接基于Axios二次封装了一套基础可用的网络能力。但随着业务不断完善，对取消网络请求的需求越发紧迫，而由于系统ohos.net.http api未提供取消相关api，因此Axios暂未实现。

iOS

2025 上半年 Flutter iOS 大坑超汇总，看看你踩中了没 @恋猫de小郭

在过去的 2025 一季度里，iOS 存在不少大坑，这些大坑基本不是 Flutter 的问题，很大一部分其实和 iOS 本身和 MacOS 升级带来的 bug 有关系。

在纯 Win/Linux 环境直接构建打包 iOS ，xtool 了解一下 @恋猫de小郭

xtool 项目创建于 2024 年底，还是一个非常非常年轻的项目，起初是 2024 年作者 kabiroberai 在论坛分享了他的 Swift SDK for Darwin 项目，展示了如何在 Linux 上构建 iOS Swift 包，而这两天，它开源了成为了跨平台的 Xcode 替换实现，允许用户在 Linux、Windows、macOS 上使用 SwiftPM 构建和部署 iOS 应用。

社区活动日历

掘金官方文章头图 1303x734.jpg

活动日历

活动名称	活动时间
掘金 x Trae「超级体验官」创新实践征文	2025年4月22日-2025年5月26日

📖 投稿专区

大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会呈现在下一期。文章创建日期必须在下期掘金一周发布前一周以内；可以推荐自己的文章、也可以推荐他人的文章。