Hello，欢迎来到每日掘金时间。每日掘金专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！
本文字数 1800+，阅读时间大约需要 6 分钟。
- 【本期每日掘金】亮点：
- 了解Web Components，在现代框架中使用它
- 深度解析Seata AT 模式中性能优化与隔离保障的平衡之道
- Mybatis配置加载流程完全图解，建造者模式的优雅应用
- 基于 prefetch 的 H5 离线包方案 | 京东云技术团队
- ……
筛选规则：文章发布时间在本期「每日掘金」发布时间的 1-3 天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。
今日主理人
本期每日掘金由 丘山子 负责制作，需要投稿每日掘金请私信我的助理 小岳 。
PS：主理人目前正在招募中，有感兴趣的掘友们可以联系Captain
每日干货
主理人们会对近期（1-3 天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。
『前端』
本篇文章就围绕这些工程化工具为大家做一次入门引领，从
0到1搭建一个开源项目，从整体的视角来看待这些工具，从而更好地掌握工具，而不是排斥工具、害怕工具。
浏览器是我们日常使用的最常见的软件之一，它为我们提供了访问互联网的窗口。但是，你有没有想过浏览器是如何工作的呢？浏览器的内部是由多个进程和线程组成的，它们负责不同的功能和任务，相互协作，共同完成浏览器的各种操作。在本文中，我们将深入了解浏览器的进程和线程的概念和原理，以及它们对Web前端开发的影响和意义。
在 JavaScript 中，变量提升是一种重要的概念，它可以影响代码的执行顺序和作用域。了解变量提升的机制对于理解 JavaScript 代码的执行过程至关重要。在本文中，我们将从 V8 引擎的角度详细解释 JavaScript 中的变量提升。
『后端』
『移动端』
Navigation作为 Android Jetpack 组件库中的一员，是一个通用的页面导航框架。为单 Activity 架构而生的端内路由导航，用来管理Fragment的切换，并且可以通过可视化的方式，看见 App 的交互流程。今天主要来分析Navigation的简单用法和内部原理。
这篇文章将回顾 Gradle 的演变，尤其是过去的困难，以及最近两三年的改进。最后，我将提供一些学习策略，帮助新手和有经验的工程师更好地掌握这个构建系统。
对于电商
APP来讲，使用H5技术开发的页面占比很高。由于H5加载速度非常依赖网络环境，所以为了提高用户体验，针对H5加载速度的优化非常重要。离线包是最常用的优化技术，通过提前下载H5渲染需要的HTML/JS/CSS资源，加载时直接使用本地缓存资源避免额外的网络请求提高加载速度。本文主要是介绍团队在离线包技术方案上的探索，以及基于prefetch的离线包实现方案如何减少维护成本和开发成本。
百度APP iOS端包体积优化系列文章的前两篇重点介绍了包体积优化整体方案、各项优化收益和图片优化方案，图片优化是从无用图片、Asset Catalog和HEIC格式三个角度做深度优化。本文重点介绍资源优化，在百度APP实践中，资源优化包括大资源优化、无用配置文件和重复资源优化。不管是资源优化还是代码优化，都需要分析Mach-O文件，以获取资源和代码的引用关系，本文先详细介绍Mach-O文件。
📖 投稿专区
大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在近 1-3 天内；可以推荐自己的文章、也可以推荐他人的文章。
