本文字数2000+ ，阅读时间大约需要 6分钟。
【掘金一周】本期亮点：
- autoUno：最直觉的UnoCSS预设方案
- 金价大跳水？写一个金价监控脚本
- 不是吧，最基本的async、defer都没搞清楚你就敢写熟练HTML啊？？
- 坑爹啊，注释无用代码竟会导致bug！又被PageHelper坑了
- 得物精准测试平台设计与实现
- 关于 Android15 GKI2407R40 导致梆梆加固软件崩溃
- Flutter 小技巧之 OverlayPortal 实现自限性和可共享的页面图层
- 什么是"协程思维模型"？
「上榜规则」：文章发布时间在本期「掘金一周」发布时间的前一周内；且符合各个栏目的内容定位和要求。 如发现文章有抄袭、洗稿等违反社区规则的行为，将取消当期及后续上榜资格。
一周"金"选
内容评审们会在过去的一周内对社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方榜单中，排名不分先后。
前端
文章主要介绍了原子化 CSS 相关内容，重点围绕 UnoCSS 以及作者提出的 autoUno 预设方案展开。
本文介绍了金价监控脚本的编写过程。阐述了获取金价信息的两种方案，即网页爬取和接口获取。并且还说明了提醒阈值设置方法，包括创建数据库和编写监控页面。讲述了脚本功能编写，如获取金价、阈值判断及发送提醒邮件等，同时介绍了定时执行脚本的方式，最后给出脚本使用的相关步骤，包括源码下载、依赖安装和配置填写等。值得一读。
为什么组件库打包用 Rollup 而不是 Webpack? @zxg_神说要有光
本文介绍了 rollup，虽然它不如 webpack、vite 提到的多，但也是一个常用的打包工具。它打包产物没有 runtime 代码，更简洁纯粹，能打包出 esm、cjs、umd 的产物，常用来做 js 库、组件库的打包。相比之下，webpack 目前对 esm 产物的支持还是实验性的，并不稳定。
不是吧，最基本的async、defer都没搞清楚你就敢写熟练HTML啊？？ @天天鸭
本文围绕 HTML 中 script 的 async、defer 属性展开。先讲述作者因面试被问二者区别，后详细介绍了 script 的三种用法：默认按顺序执行、async 异步下载后立即执行（可能阻塞 HTML 解析）、defer 异步下载且 HTML 解析完再执行。还提及了混合使用情况等，值得一读。
本文详细介绍了在 VSCode 中调试 JavaScript 的几种方式及 launch.json 配置文件中两种模式的区别。
后端
Hadoop的工作原理是什么？如何搭建一套分布式文件系统？ @猿java
本文介绍了 Hadoop，包括其发展历程、核心组件（HDFS、MapReduce、YARN、Hadoop Common）工作原理，通过代码实战展示 MapReduce 任务，还提及 Hadoop 优势、学习难度及在技术内卷环境中基本功的重要性，并且鼓励大家交流学习。
坑爹啊，注释无用代码竟会导致bug！又被PageHelper坑了 @程序员木木熊
本文作者复盘了一个由PageHelper引起的多线程复用问题的排查和解决过程。而最终定位的原因是，一个同事注释无用代码的时候少注释的一行导致的。作者的经验总结相信读后你会也有所收获。
本文围绕 Nacos 服务注册展开源码分析，介绍了客户端自动注册流程及服务端处理的请求原理，包括临时和永久实例注册，还涉及相关重要组件和模型等内容。
精准测试是一套有效提高软件测试质量和效率的技术体系，可以有效解决传统测试中的盲测、漏测、冗测等现象提升测试效率和准确性，前置暴露风险保障上线质量。本文主要介绍了得物精准测试平台推荐引擎中部分核心功能的相关实现方式。精准测试平台为质量保障提供了有效的拓展策略，也带来了不错的收益。
Android
关于 Android15 GKI2407R40 导致梆梆加固软件崩溃 @PenguinLetsGo
本文详细阐述了因 Android15 GKI2407R40 导致梆梆加固软件崩溃的问题分析及解决过程
Flutter 小技巧之 Shader 实现酷炫的粒子动画@恋猫de小郭
文章介绍在 Flutter 中用 Shader 实现酷炫粒子动画的方法，涵盖相关代码逻辑、可移植其他 glsl 效果等内容，还提及 Flutter 对 Shader 的使用方式，并且展现多种效果示例，作者也表达了对 Flutter GPU 落地的期待。
Flutter 小技巧之 OverlayPortal 实现自限性和可共享的页面图层 @恋猫de小郭
本文主要介绍了 Flutter 中的 OverlayPortal，包括其与 Overlay 和 OverlayEntry 的关系，以及自身特点和用法等。
【Android原生问题分析】夸克、抖音划动无响应问题【Android14】 @利维亚的杰洛特
本文围绕 Android14 上夸克、抖音划动无响应问题展开分析。经 log 及代码剖析，确定因 DisplayManagerService 通知机制缺陷，一个 uid 对应多进程时通知记录创建不当致绘制流程受阻，后由 google patch 解决，使同一 uid 下多进程可获通知。
本文主要介绍了 Kotlin 协程的相关知识。包括协程的定义、发展史，以及与普通程序的差异。还讲解了 Kotlin 协程的概念，如协程框架的独立性、协程的轻量和非阻塞特点等。
社区活动日历
活动日历
| 活动名称 | 活动时间 | 活动主理人 |
|---|---|---|
| ✍技术专题27期 后端Java技术创意冠军角逐赛 | 2024年10月30日-11月26日 | Sweet_Ystar |
| 🔥掘金签约季｜人工智能创作者签约计划 | 2024年11月8日-12月8日 | Kim泽xi |
| 💥在掘金写技术好文，瓜分万元现金大奖！-11月金石计划 | 2024年11月1日-12月6日 | 肥茶 |
| 【🎁 请领取打卡礼】掘金 AI 刷题功能再次升级，AI 编程助手带你领取打卡能量包！ | 2024年10月31日-11月28日 | Carrottt |
| 豆包MarsCode AI 红人共创计划启动，参与活动拿万元现金大奖！ | 2024年10月31日-11月28日 | Carrottt |
📖 投稿专区
大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在下期掘金一周发布前一周以内；可以推荐自己的文章、也可以推荐他人的文章。