今日主理人｜下午茶
本期每日掘金由 法医 负责制作。
酱酱们的下午茶新增优质作者介绍和码上掘金板块，专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！
本文字数1500+，阅读时间大约需要 6 分钟。
- 【掘金酱的下午茶】亮点：
- 小而美的 css 的原子化
- React 之 createElement 源码解读
- 【Canvas实战】仿明日方舟Logo粒子动画 vue3+ts
- 从 Vue2 到 Vue3，那些可能让你眼前一亮的小细节！
- 一杯咖啡☕️的时间，聊聊 js 异步解决方案
- 聊一聊JAVA中的缓存规范 —— 虽迟但到的JCache API与天生不俗的Spring Cache
- ……
筛选规则：文章发布时间在本期「掘金酱的下午茶」发布时间的1-3天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。
每日干货｜下午茶
主理人们会对近期（1-3天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。
| 文章分类 | 作者 | 文章 | 简介 |
|---|---|---|---|
| 前端 | 政采云前端团队 | 小而美的 css 的原子化 | 在选定一个 CSS 框架作为项目的 CSS 规范的时候，需要考虑自身项目的现状，如果项目本身 CSS 复杂度较高，相对是偏向CSS工作量较多，原子化的 CSS 是不太适合的，建议去参考像ITCSS，其实ITCSS中的 Utilities – 工具类和原子化就很类似，但是他的分层更加的复杂。随着CSS的级联层浏览器支持程度越来越好，类似ITCSS分层框架会慢慢流行起来。 |
| 前端 | 冴羽 | React 之 createElement 源码解读 | 本文是一篇React 的createElement 源码解读 |
| 前端 | 西维 | 【Canvas实战】仿明日方舟Logo粒子动画 vue3+ts | 如果你是明日方舟玩家肯定对游戏官网有深刻的印象，不得不说鹰角的前端很厉害。作为前端开发者肯定是第一时间F12开始审查元素😆不难发现页面中不少特效都是通过<canvas>标签实现的。 |
| 前端 | 前端阿飞 | 从 Vue2 到 Vue3，那些可能让你眼前一亮的小细节！ | 相信很多兄弟都知道 Vue3 的那些新特性，如基于 Proxy 的响应式系统、编译器优化、Composition-API 等等，但你知道 Vue3 中有哪些小细节是和 Vue2 不同的吗？今天就给大家分享 Vue3 实战过程中，一些可能让你眼前一亮的小细节。用的好的话，不仅可以提升工作效率，同时也能提高程序运行的性能。话不多说，就是干！。 |
| 前端 | codinglin | 一杯咖啡☕️的时间，聊聊 js 异步解决方案 | 晚饭时，当我正沉迷于排骨煲肉质鲜嫩，汤汁浓郁时，产研沟通群内发出一条消息，显示用户存在可用劵，但进去劵列表却什么也没有，并附含了一个视频。于是我一边吃了排骨，一边查看消息点开了视频，en~，视频跟描述一样。但没有系统告警，用户界面也没有明显的报错提示，怀疑是小部分特殊情况导致的，查看消息后几秒，我直接被@来处理问题，擦，只好把外卖盒重新盖好，先去处理问题。 |
| 后端 | 架构悟道 | 聊一聊JAVA中的缓存规范 —— 虽迟但到的JCache API与天生不俗的Spring Cache | 本篇文章中，我们一起来聊一聊缓存框架实现所需要遵循的规范。 |
| 后端 | 架构悟道 | 重新认识下JVM级别的本地缓存框架Guava Cache——优秀从何而来 | 本篇文章中，我们就来一起深入剖析JAVA本地缓存的优秀“轮子” —— 来自Google家族的Guava Cache。聊一聊其实现机制、看一看如何使用。 |
| 后端 | 字节跳动技术团队 | 字节跳动 kube-apiserver 高可用方案 KubeGateway | KubeGateway 是字节跳动针对 kube-apiserver 流量特征专门定制的七层网关，它彻底解决了 kube-apiserver 负载不均衡的问题，同时在社区范围内首次实现了对 kube-apiserver 请求的完整治理，包括请求路由、分流、限流、降级等，显著提高了 Kubernetes 集群的可用性。) 首先说明下，长连接我不是专业的，只是在工作上有一点点的接触，分享也是基于一点点的经验和一些思考，如有出入，欢迎私聊。 |
| 移动端 | 唐子玄 | “无架构”和“MVP”都救不了业务代码，MVVM能力挽狂澜？（一） | 这一篇主要引入了 MVVM 架构的两个重要概念 ViewModel 以及 LiveData。前者使得“更长生命周期的业务层”成为可能，后者使得业务层成为数据持有者，并以数据驱动刷新界面。 |
| 移动端 | 岛上码农 | 沉浸式弹层越来越多，开发该怎么做好弹层体验？ | 当前 App 的设计趋势越来越希望给用户沉浸式体验，这种设计会让用户尽量停留在当前的界面，而不需要太多的跳转，这就需要引入弹层。比如，抖音引入购物功能后，就实现了在观看视频界面可以通过弹层完成加入购物车、下单操作，无需离开当前的视频界面。本篇我们就来讲讲弹层这块需要注意哪些用户体验。 |
优秀作者推荐｜下午茶
推荐作者来源于月榜、新人榜等上榜作者，欢迎大家关注榜单小助手，了解更多优质作者：juejin.cn/user/443367…
| 昵称 | 个人主页 |
|---|---|
| zxg_神说要有光 | juejin.cn/user/278801… |
| 捡田螺的小男孩 | juejin.cn/user/145101… |
| 恋猫de小郭 | juejin.cn/user/817692… |
趣味码上掘金分享｜下午茶
| 作者 | 代码介绍 | 简介 |
|---|---|---|
| 西维 | 【Canvas实战】仿明日方舟Logo粒子动画 vue3+ts | juejin.cn/post/716049… |
📖 投稿专区｜下午茶
大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在近1-3天内；可以推荐自己的文章、也可以推荐他人的文章。
