本文字数1400+ ,阅读时间大约需要 4分钟。
【掘金一周】本期亮点:
- 我的浏览器下雨了进水了
- 实现大文件上传全流程详解(补偿版本)
- 也是震惊到我了!家里有密码锁的注意了,这真不是 BUG,是 feature。
- 还在用WebSocket实现即时通讯?试试MQTT吧,真香!
- Flutter 小技巧之有趣的 UI 骨架屏框架 skeletonizer
- 玩转Shader之学会如何变形画布
「上榜规则」:文章发布时间在本期「掘金一周」发布时间的前一周内;且符合各个栏目的内容定位和要求。 如发现文章有抄袭、洗稿等违反社区规则的行为,将取消当期及后续上榜资格。
一周"金"选

内容评审们会在过去的一周内对社区深度技术好文进行挖掘和筛选,优质的技术文章有机会出现在下方榜单中,排名不分先后。
前端
作者受百度网页雨滴效果启发,分析了实现思路,如 CSS 动画、Canvas 绘制等。后借助 AI 研究 ShaderToy 代码,理解核心逻辑,用 Three.js 实现效果,还分享技术原理、优化方法,最后提到可调整算法实现下雪效果。
本文介绍了用 Vue+Express 实现的大文件上传方案,支持分片上传、断点续传、秒传和手动中断。流程包括选文件、前端分片算哈希、校验状态、并发上传、后端合并。解决了哈希计算慢、并发崩溃等难点,代码简洁可扩展。
【干货】使用 langChian.js 实现掘金"智能总结" 考虑大文档和 token 限制 @前端双越老师
本文介绍用 langChain.js 实现掘金"智能总结",兼顾大文档与 token 限制。先创建项目,介绍上传全量文档内容实现总结的方式;再阐述 Map Reduce 方式,含加载、拆分文档,定义工作流,最终完成大文档总结。
后端
也是震惊到我了!家里有密码锁的注意了,这真不是 BUG,是 feature。 @why技术
文章围绕智能密码锁"虚位密码"展开。作者验证了输入串含正确密码就能开锁的逻辑,给出实现该算法的代码,指出面试和实际编码的不同应对。还提出密码可能明文存储,但因存本地风险可接受,最后分享微信拍照小技巧。
还在用WebSocket实现即时通讯?试试MQTT吧,真香! @MacroZheng
文章介绍了用RabbitMQ实现即时通讯,阐述MQTT协议及相关概念,如发布者、订阅者等。说明了启用MQTT功能、用客户端测试的方法,还给出前端和Spring Boot集成MQTT实现即时通讯示例,指出消息中间件是实现即时通讯的好选择。
文章以积分系统缓存问题引入,阐述了高并发下先删缓存再更新数据库的竞态条件。介绍了延迟双删的原理、流程,给出基础、线程池、消息队列三个版本实现,对比各方案特性,还提及适用场景与延迟时间计算。
Android
Flutter 小技巧之有趣的 UI 骨架屏框架 skeletonizer @恋猫de小郭
文章介绍了Flutter的UI骨架屏框架skeletonizer,它能将现有布局自动简化为骨架并添加动画。通过自定义PaintingContext拦截渲染,有多种动画效果。还提供丰富配置,如控制场景、预设"骨骼"等,虽有局限但使用便捷。
当进程中的FD数量达到最大限制时,再去新建线程,在创建JNIEnv时会抛出OOM错误。但是FD数量超出限制除了会导致创建线程抛出OOM以外,还会导致很多其它的异常,为了能够统一处理这类FD数量溢出的问题,Probe中对进程中的FD数量做了监控。
人工智能
DeepSeek删豆包冲上热搜,大模型世子之争演都不演了 @量子位
本文介绍用着色器实现视图拖动拉伸效果的方法。先给出 Compose 基本设置,包括跟踪拖动、传递参数等;接着编写着色器,从简单输出输入开始,经缩放、添加触摸位置等步骤完成;最后展示弹性缓动函数,提升效果体验。
社区活动日历

活动日历
活动名称 | 活动时间 | ||
---|---|---|---|
金石计划 | 2025年7月31日-2025年9月4日 | ||
TRAE最佳实践征文大赛 | 即日起-2025年9月30日 |
📖 投稿专区
大家可以在评论区推荐认为不错的文章,并附上链接和推荐理由,有机会呈现在下一期。文章创建日期必须在下期掘金一周发布前一周以内;可以推荐自己的文章、也可以推荐他人的文章。