🧸 前端不是只会写管理后台,我用 400 行代码画了一个 LABUBU ! | 掘金一周 11.20

本文字数1800+ ,阅读时间大约需要 5分钟。

【掘金一周】本期亮点:

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

一周"金"选

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

前端

Cursor Agents + Holopix AI | 轻松实现 "🐦坤坤" 自走棋小游戏 @coder_pig

本文介绍了借助"Cursor Agents模式"与"Holopix AI"开发"🐦坤坤自走棋"小游戏的过程。先进行玩法设计与Demo开发,再用Holopix AI定制模型生成游戏素材,包括英雄、怪物、背景、神器等,最终实现单机小游戏。

我用AI重构了一段500行的屎山代码,这是我的Prompt和思考过程 @ErpanOmer

作者所在团队维护的中后台项目里有个500行的 handleOrderSubmit.js 文件难以重构。作者采用五步重构法,让 AI 执行,自己决策,将代码拆解成模块,最终仅用5小时完成重构,还加入新功能,效率大幅提升。

🧸 前端不是只会写管理后台,我用 400 行代码画了一个 LABUBU ! @xiaohe0601

作者作为前端开发工程师,为夺回被"黄牛"占据的权益,用 400 行代码画了专属 LABUBU。借助 Leafer Vue,依次绘制脑袋、五官、耳朵、身体、小手和小脚,完整代码可在 leafer - labubu 仓库查看。

🏮一眼就会🗂️大文件分片上传,白送前后端全套功法 @vilan_微澜

本文介绍了大文件分片上传的前后端实现。前端用 Vue 3 + TS + Vite,借助 Web Worker 算文件哈希,实现秒传与断点续传;后端基于 Node.js + Express,用 formidable 处理分片。通过文件 hash 和索引标识分片,最终合并成完整文件。

几种虚拟列表技术方案调研 @至简简

本文围绕 Vue3 框架下的虚拟列表技术展开。介绍了虚拟列表概念、优势及 @vueuse/core 工具集。阐述四种实现方案特点、场景、代码及优缺点,给出性能对比、最佳实践、常见问题解决办法,还提供参考资源与项目搭建步骤。

后端

当上传不再只是 /upload,我们是怎么设计大文件上传的 @洛卡卡了

文章聚焦大文件上传设计。传统SaaS上传方案不适用于政企私有化项目,前端已有成熟大文件上传模式。作者重新设计后端接口,搭配数据库表,实现状态追踪、断点续传,解决集群合并等问题,保障上传稳定可靠。

Cursor 无法跨项目读取源码怎么办?MCP Easy Code Reader 帮你解决! @方圆想当图灵

本文介绍 MCP Easy Code Reader,它可在编写代码时读取多项目或 Jar 包源码,提高 Code Agent 准确度与编码效率。阐述其最佳实践、环境要求、接入方法、常见问题及实现原理,还提及反编译器选择与缓存机制。

SpringBoot实现隐式参数注入 @风象南

文章围绕 Spring Boot 实现隐式参数注入展开。先指出传统方案缺陷,介绍 Spring MVC 的 HandlerMethodArgumentResolver 方案,包括设计思路、核心实现、示例及原理。还提及进阶用法,给出异常处理、集成 Spring Security、多租户场景的实战技巧。

得物TiDB升级实践 @得物技术

得物DBA因业务增长对TiDB稳定性及性能带来挑战,决定将TiDB从5.3.3版本升级到7.5.x。升级采用迁移方式,虽遇查询问题,但升级后性能、稳定性显著提升,还带来多方面收益,未来会关注8.5.x版本进展。

Android

Flutter 3.38 发布,快来看看有什么更新吧 @恋猫de小郭

Flutter 3.38 于 11 月 13 日发布,更新丰富。涵盖 Dot shorthands、Web 支持增强、Framework 交互优化、Material 和 Cupertino 控件改进、可访问性提升。还适配 iOS 26、优化 Android 性能,DevTools 改进,有多方面弃用与变更。

Dart 3.10 发布,快来看有什么更新吧 @恋猫de小郭

Dart 3.10 随 Flutter 3.38 一同更新,带来多项特性。引入 dot shorthands 简化代码,新增分析器插件系统,Build hooks 简化原生代码集成,有移除弃用项 lint 工具,新弃用注释更精确,pub.dev 管理和安全功能升级。

面试被问到Compose的副作用不会,只怪我没好好学 @Coffeeee

本文围绕 Compose 副作用 API 展开。介绍了 DisposableEffect、SideEffect、LaunchedEffect 等多个 API 的作用与特性,如控制副作用执行阶段、处理协程及监听状态变化等,为开发者在 Compose 项目中运用副作用提供了指导。

人工智能

AIGC时代的必备技能--Prompt工程 @离开地球表面_99

本文围绕提示工程展开,介绍其是通过设计高质量提示词引导大模型精准输出的过程。阐述了LLM输出配置要点,如输出长度、采样控制等,还分享多种提示词技巧及最佳实践,帮助开发者提升大模型使用效果。

图解源码:万字解析 Spring AI 到底是怎么实现 MCP 的(源码部分) @小璐乱撞

本文围绕 Spring AI 实现 MCP 展开,从客户端和服务端两方面详细解析。客户端含入口、运行、会话、传输层;服务端有入口、运行、会话管理、会话、传输层,各层介绍涉及类、方法及核心源码。

IOS

来了解一下,为什么你的 Flutter WebView 在 iOS 26 上有点击问题? @恋猫de小郭

文章围绕 Flutter WebView 在 iOS 26 上的点击问题展开。该问题源于 WKWebView 与 Flutter 手势识别器冲突,iOS 18.2 临时方案在 iOS 26 引发新问题。目前可通过 pointer_interceptor 规避,官方正推进 hit - test 等解决方案。

社区活动日历

活动日历

活动名称 活动时间
🚀TRAE SOLO 实战赛 2025年11月13日-2025年12月16日

📖 投稿专区

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

相关推荐
消失的旧时光-19433 小时前
Kotlinx.serialization 对多态对象(sealed class )支持更好用
java·服务器·前端
还不秃顶的计科生3 小时前
如何快速用cmd知道某个文件夹下的子文件以及子文件夹的这个目录分支具体的分支结构
人工智能
九河云3 小时前
不同级别华为云代理商的增值服务内容与质量差异分析
大数据·服务器·人工智能·科技·华为云
少卿3 小时前
React Compiler 完全指南:自动化性能优化的未来
前端·javascript
广州华水科技3 小时前
水库变形监测推荐:2025年单北斗GNSS变形监测系统TOP5,助力基础设施安全
前端
广州华水科技3 小时前
北斗GNSS变形监测一体机在基础设施安全中的应用与优势
前端
七淮3 小时前
umi4暗黑模式设置
前端
8***B3 小时前
前端路由权限控制,动态路由生成
前端
bcbnb4 小时前
如何解析iOS崩溃日志:从获取到符号化分析
后端
Elastic 中国社区官方博客4 小时前
Elasticsearch:Microsoft Azure AI Foundry Agent Service 中用于提供可靠信息和编排的上下文引擎
大数据·人工智能·elasticsearch·microsoft·搜索引擎·全文检索·azure