今日主理人｜下午茶
酱酱们的下午茶新增优质作者介绍和码上掘金板块，专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！
本文字数1500+，阅读时间大约需要 6 分钟。
【掘金酱的下午茶】亮点：
- 异步分片计算在腾讯文档的实践
- 来用Vite+React快速开发浏览器插件
- Vue组件库文档站点的搭建思路
- 教你做小游戏] 太卷了！开发象棋，为了减少40%存储空间，我学了下Huffman Coding
- 图片不压缩，前端要背锅
- 关于架构设计的易变性，应该如何理解呢？
- 如何让JOIN跑得更快？
- ……
筛选规则：文章发布时间在本期「掘金酱的下午茶」发布时间的1-3天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。
每日干货｜下午茶
主理人们会对近期（1-3天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。
| 文章分类 | 作者 | 文章 | 简介 |
|---|---|---|---|
| 前端 | null | 异步分片计算在腾讯文档的实践 | 在大型文档中，可能很小的一个功能就会出现性能瓶颈，类似的地方还有搜索替换，也是会造成卡顿的地方，一样需要走异步分片计算。React Fiber 出来很久了，也有很多文章介绍，但在业务中真正能用到的地方很少。实现一个异步调度器很容易，也没什么技术难点，但对业务的提升是巨大的。 |
| 前端 | 孤佣 | 来用Vite+React快速开发浏览器插件 | 用 React & Antd & Vite 快速做一个 chrome 扩展程序(常用名：插件) -- 语录收藏。大体的功能是可以选中一段话，右键可以保存到个人语录中。点击输入框会将所有保存的语录弹窗显示，可供我们快捷输入。点击插件会随机显示一段心灵鸡汤，可以随时补充语录。 |
| 前端 | 街角小林 | Vue组件库文档站点的搭建思路 | 本文为Varlet组件库源码主题阅读系列第四篇，读完本篇，可以了解到如何使用Vite的Api接口来启动服务、如何动态生成多语言的页面路由。 |
| 前端 | HullQin | [教你做小游戏] 太卷了！开发象棋，为了减少40%存储空间，我学了下Huffman Coding | 在开发过程中，我逐渐掌握了一种技巧：压缩存储空间。我意识到，除了历史记录的空间可以压缩，棋盘状态也可以压缩。我今天把棋盘状态的存储空间足足压缩了40%！收益在于分享棋盘时，链接更短！写文给大家分享一下方案。 |
| 前端 | JustCarryOn | 图片不压缩，前端要背锅 | 很多时候，我们从 PS 、蓝湖或摹客等工具导出来的图片，或者是美术直接给到切图，都是未经过压缩的，体积都比较大。这里，就有了可优化的空间。使用过TinyPng的都知道，它的压缩效果非常好，体积大幅度降低且显示效果几乎没有区别( 👀 看不出区别）。因此，选择其作为压缩工具，是一个不错的选择。 |
| 后端 | 架构精进之路 | 关于架构设计的易变性，应该如何理解呢？ | 关于可组合架构与架构验证，一定不要根据需求设计，而是要根据易变性来设计。设计系统时，要从需求列表中找到核心需求，在设计完成之后，先用核心用例进行架构验证。在增加新的需求时，应该不太需要变更架构，这才说明这套架构设计对了。系统中的功能是集成的结果，而不是实现的结果。 |
| 后端 | 和耳朵 | 「微服务网关实战一」SCG 和 APISIX 该怎么选？ | 本篇的重点是选型，主要是我在进行微服务网关选型中的一点想法，同时也带大家先熟悉一下这两个网关中间件，可能我们还没用过它，但是软件向来都是自顶向下，有一个全局的了解，哪怕没有用过你也等于了解它一半了。 |
| 后端 | Captaincc | 翻译- Discord CTO 分享 Discord 的数据库发展过程 | Discord 持续以超出我们预期的速度增长，用户生成内容也是如此。用户越多，聊天信息就越多，每天的消息已经远远超过了上亿条。我们很早就决定永久保存所有的聊天记录，这样用户就可以随时回来，并在任何设备上获取他们的数据。这些海量数据在速度、规模上不断增长，并且必须保持可获取的状态。我们怎么做呢？ |
| 后端 | 苏三说技术 | 如何让JOIN跑得更快？ | JOIN 一直是数据库性能优化的老大难问题，本来挺快的查询，一旦涉及了几个 JOIN，性能就会陡降。而且，参与 JOIN 的表越大越多，性能就越难提上来。其实，让 JOIN 跑得快的关键是要对 JOIN 分类，分类之后，就能利用各种类型 JOIN 的特征来做性能优化了。 |
| 移动端 | Zhujiang | Compose 动画艺术探索之动画规格 | FloatSpringSpec 和 FloatTweenSpec 这两个动画规格比较特殊，系统没有提供直接进行使用的方法，其实也没有必要使用了，需要使用的话有 spring 和 tween 就够了。 |
| 移动端 | Petterp | 聊聊Android资源加载的那些事 - 小试牛刀 | 聊到 Android 的 资源加载 ，每一个开发同学都会非常熟悉，毕竟从使用来说，我们日常都会见到，比如 getText() 等等。那如果此时问你，你知道 它们到底是怎么被加载的，内部会有什么处理吗? 为什么同一个drawable界面更改了透明度，其他界面也会生效?如果你对上述问题依然存疑，那本文可能会对你有所帮助。介于此，本篇将由浅入深，从源头理清 Resource.getx() 的那些事，从而为理解 Android资源加载 迈出第一步。故此名: 。本篇定位中等，主要通过伪源码分析的形式，从而探索应用层 Resource.getx 的实现细节。 |
| 移动端 | 程序员江同学 | 2022年编译加速的8个实用技巧 | 关于 Android 编译加速的文章相信大家都看过不少，但常常要么是好几年前写的，目前看来有些过时；要么介绍了一大堆配置，最后一实践发现并没有多大效果；要么就是大厂黑科技，但是没有开源。今天我们就一起来看看，在2022年AGP7.0时代，除了传统的开启build-cache，打开并行编译，调整Gradle堆内存大小等常用手段之外，还有哪些可以落地的编译加速实用技巧。 |
优秀作者推荐｜下午茶
推荐作者来源于月榜上榜作者，欢迎大家关注榜单小助手，了解更多优质作者：juejin.cn/user/443367…
| 领域 | 用户名 | 简介 | 个人主页链接 |
|---|---|---|---|
| 前端 | 工边页字 | 祝你发财，祝你被爱，祝你好运常在。 | juejin.cn/user/301311… |
| 后端 | 小白debug | 公众号【小白debug】 | juejin.cn/user/400187… |
| 移动端 | 岛上码农 | 从南飘到北，从北游到南的业余码农 | juejin.cn/user/707878… |
趣味码上掘金分享｜下午茶
| 作者 | 代码介绍 | |
|---|---|---|
| 杰哥揪斯爱情 | 万字长文，用canvas实现经典游戏《坦克大战》 | juejin.cn/post/714092… |
📖 投稿专区｜下午茶
大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在近1-3天内；可以推荐自己的文章、也可以推荐他人的文章。
