群雄逐鹿，前端模块化的未来在何方，利用自动化平台可以做的那亿点事 ｜得物技术 | 每日掘金第 204 期

Hello，又到了每天一次的下午茶时间。酱酱们的下午茶新增优质作者介绍和码上掘金板块，专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！

酱酱们的下午茶全新改版，欢迎大家多提宝贵意见！

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

• 【掘金酱的下午茶】亮点：
• 万字 esbuild 源码批判，让你能够直接 PR
• 现代图片性能优化及体验优化指南
• 利用自动化平台可以做的那亿点事 ｜得物技术
• 一分钟搞明白！快速掌握 Go WebAssembly
• 利用Jackson序列化实现数据脱敏
• 深入理解Flutter及Dart单线程模型
• 深入了解NotificationCenter 的实现原理
• ……

筛选规则：文章发布时间在本期「掘金酱的下午茶」发布时间的 1-3 天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。

每日干货｜下午茶

主理人们会对近期（1-3 天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。

『前端』

• 以前端视角，漫谈「云端」

当今世界，云计算技术在快速发展，不断为我们带来新的应用场景和解决方案。作为一名前端开发者，了解云技术并掌握如何在前端中应用它们是必不可少的。本篇文章将介绍云计算技术的基本概念，并从前端角度探讨如何使用云技术提高应用的可扩展性、安全性、性能和用户体验。

• 群雄逐鹿，前端模块化的未来在何方

本文将围绕上述问题，带你理解

• 现代模块化规范 Commonjs、AMD、CMD、ESModule 规范有何异同，又各自具备何种特点
• 主流规范大 PK: Commonjs 规范 VS ESModule 规范
• 面向未来的模块化规范 ESModule 底气何在

接下来将为你一次一次揭晓，如果想迅速知晓答案，可传送至总结篇查看思维导图。

• 万字 esbuild 源码批判，让你能够直接 PR

最近在使用 Vite 时，遇到一个与 esbuild 相关的问题，在阅读 esbuild 代码和 debug 的时候，由于不了解 esbuild 源码的整体结构，被搞晕了。故梳理此文，分析 esbuild 代码的整体结构，便于遇到问题时定位代码位置。

• CPU内部的奥秘：代码是如何被执行的？

本文主要讲解了 CPU 的执行过程，顺便了解了一下基础的计算机硬件信息，如有想法💡欢迎讨论！！！

• 现代图片性能优化及体验优化指南

对图片的性能优化及体验优化在今天就显得尤为重要。本文，就将从各个方面阐述，在各种新特性满头飞的今天，我们可以如何尽可能的对我们的图片资源，进行性能优化及体验优化。

『后端』

• 利用Jackson序列化实现数据脱敏

在项目中有些敏感信息不能直接展示，比如客户手机号、身份证、车牌号等信息，展示时均需要进行数据脱敏，防止泄露客户隐私。脱敏即是对数据的部分信息用脱敏符号（*）处理。

• 利用自动化平台可以做的那亿点事 ｜得物技术

相信大家对接口自动化已经不陌生了，这是几乎我们每个迭代都会投入的事情，但耗费了这么多精力去编写和维护，实际的收益如何呢？如果收益不好，是不是说明我们自动化case的实现方式、使用方式还有改进的地方呢？以下是接入得物接口自动化平台后的一些实践和想法，欢迎大家积极交流～

• 数字基带传输系统设计

在某些具有低通特性的有线信道中，特别是在传输距离不太远的情况下，基带信号可以不经过载波调制而直接进行传输，这样的传输系统，称为数字基带传输系统。

• AbstractQueuedSynchronizer 源码分析

AQS 是 AbstractQueuedSynchronizer 的简称。AQS 提供了一种实现阻塞锁和一系列依赖 FIFO 等待队列的同步器的框架，如下图所示。AQS 为一系列同步器依赖于一个单独的原子变量（state）的同步器提供了一个非常有用的基础。子类们必须定义改变 state 变量的 protected 方法，这些方法定义了state 是如何被获取或释放的。鉴于此，本类中的其他方法执行所有的排队和阻塞机制。子类也可以维护其他的 state 变量，但是为了保证同步，必须原子地操作这些变量。

• 一分钟搞明白！快速掌握 Go WebAssembly

WebAssembly（缩写：Wasm）是一种新的编码方式，可以在现代的网络浏览器中运行 － 它是一种低级的类汇编语言，具有紧凑的二进制格式，可以接近原生的性能运行，并为诸如 C/C++ 等语言提供一个编译目标，以便它们可以在 Web 上运行。它也被设计为可以与 JavaScript 共存，允许两者一起工作。

『移动端』

• Android源码分析 – Activity销毁流程

我们在之前的几篇Activity启动流程分析中已经了解了Activity一半的生命周期，接下来这篇文章我们就来分析一下Activity销毁相关的生命周期

• 深入理解Flutter及Dart单线程模型

Java和OC都是多线程模型的编程语言，任意一个线程触发异常且该异常未被捕获时，就会导致整个进程退出。但Dart和JavaScript不会，它们都是单线程模型，运行机制很相似(但有区别)。

• 【安卓音视频开发升级打怪之路】 开发入门（一）：初识OpenGLES

大家好，我是小余，本篇文章是OpenGL ES系列的第一篇文章。主要通过一个基础的三角形绘制来带大家了解OpenGL ES的基础知识，作为一个入门文章。

• 用 Metal 画一个三角形（Swift 函数式风格）

由于今年工作中用得语言换成 Rust/OCaml/ReScript 啦，所以导致我现在写代码更倾向于写函数式风格的代码。
顺便试试 Swift 在函数式方面能达到啥好玩的程度。主要是我不会 Swift，仅仅为了好玩。

• 深入了解NotificationCenter 的实现原理

NotificationCenter是一个系统组件，它负责协调和管理事件的通知和响应。它的基本原理是基于观察者模式！而 Apple 对其是闭源的，因此无法查看 NotificationCenter 的源码，但是可以通过分析开源的 Swift 来理解 NotificationCenter 的实现

趣味码上掘金分享｜下午茶

• 码上掘金精选，收集优秀的码上掘金项目，供大家一起学习：github.com/akira-cn/jc…
• 码上掘金游戏精选：g.jcode.pub/#/716133153…

📖 投稿专区｜下午茶

大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在近 1-3 天内；可以推荐自己的文章、也可以推荐他人的文章。

今日主理人｜下午茶

本期每日掘金由 北洋 负责制作。如有投稿文章，请私信👉 北洋

PS：主理人目前正在招募中，有感兴趣的掘友们可以联系Captain