酱酱们的下午茶下午茶新增优质作者介绍和码上掘金板块，专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！
本文字数2400+，阅读时间大约需要 6 分钟。
【掘金酱的下午茶】亮点：
- 手把手教你实现 Tree 组件搜索过滤功能，干货满满！
- 超酷炫的转场动画？CSS 轻松拿下！
- 快上车！从零开始搭建一个属于自己的组件库！
- 服务老是被攻击，如何设计一套比较安全的接口访问策略？
- 缓存的设计方式
- 什么是浅拷贝和深拷贝？
- 轻松入门OpenGL ES——再谈OpenGL工作机制
- ……
筛选规则：文章发布时间在本期「掘金酱的下午茶」发布时间的1-3天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。
每日干货｜下午茶
主理人们会对近期（1-3天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。
| 文章分类 | 作者 | 标题 | 链接 | 简介 |
|---|---|---|---|---|
| 前端 | # DevUI团队 | 手把手教你实现 Tree 组件搜索过滤功能，干货满满！ | sourl.co/tcUy3a | 虽然是一个组件下一个小特性的开发，但是从特性的交互分析开始，一步步到最终的功能实现，整个过程还是收获满满。平时开发中很少能够从方案设计到功能实现有一个整体的规划，往往都是先上手代码，在开发过程中才发现方案选取不合理，就会走很多弯路。所以，刚开始的特性分析和方案设计就显得尤为重要。 分析 --> 设计 --> 方案探讨 --> 方案确定 --> 功能实现 --> 逻辑优化。每个过程都能锻炼提升自己的能力。 |
| 前端 | # chokcoco | 超酷炫的转场动画？CSS 轻松拿下！ | sourl.co/anCLjh | 借助强大的 CSS 以及一些有意思的技巧，我们利用纯 CSS 实现了这两个看似非常复杂的转场动画效果，并且，这在之前，是完全不可能使用纯 CSS 实现的。 |
| 前端 | # 井柏然 | 快上车！从零开始搭建一个属于自己的组件库！ | sourl.co/3z5SWh | 组件在前端开发中越来越重要了，开发者更细分、聚焦于组件层面的开发，然后像搭积木一样完成应用功能。组件库可以统一管理组件，输出文档，能提升组件复用性、避免重复造轮子。赶快搭建自己的组件库吧，这瓜保甜！ |
| 前端 | # 小鑫同学 | 项目越写越大，我是这样做拆分的 | sourl.co/Gk2Vir | 在几年前的一次 Vue 项目改造中利用原生+H5 的形式按模块菜单来拆分了多个 Vue 项目，在拆分时考虑到多项目维护带来的成本较大，我们将项目公共使用到的资源提升到项目 root 目录下，将子项目抽取为模板通过定制的脚手架创建每个子项目到 modules 下，并且支持单独打包、单独发布。这样项目结构的好处同时避免了项目庞大带来的首屏加载时间长，也避免了多人开发出现冲突的造成的矛盾。 |
| 前端 | # 零狐冲 | 超大体量项目，微前端落地方案，看完后悔来找我 | sourl.co/NT5TMw | 经过一段时间对项目架构的优化迭代，包括对路由架构的划分重构，解决了一部分在开发中的问题，但是对于项目体量巨大导致耦合性强和启动较慢的问题还是没办法从根本上解决，所以我们准备采用微前端的方案来对项目进行具体的拆分，最后达到的一个目的解决代码之间耦合性的问题、解决项目开发效率的问题、划分清楚每个子应用可以支持单独部署 |
| 后端 | # 慧慧来咯 | 在你的Gin项目中添加jwt功能吧 | sourl.co/WeKbKH | 传统的Cookie-Sesson模式占用服务器内存, 拓展性不好,遇到集群或者跨服务验证的场景的话, 要支持Sesson复制或者sesson持久化 |
| 后端 | # 老王的技术笔记 | 服务老是被攻击，如何设计一套比较安全的接口访问策略？ | sourl.co/LPjssZ | 不知道大家公司对接口安全这块是怎么考量的，但是对于面向公网提供服务的产品来说，这个可以说是很致命的了。那么，该如何设计一套比较安全的接口访问策略呢？ |
| 后端 | # 架构悟道 | 讲透JAVA Stream的collect用法与原理，远比你想象的更强大 | sourl.co/QrhRU8 | 本篇文章就来专门剖析collect操作，一起解锁更多高级玩法，让Stream操作真正的成为我们编码中的神兵利器。 |
| 后端 | # 阿兵云原生 | 缓存的设计方式 | sourl.co/h4kDUk | 当有大量的请求到内部系统时，若每一个请求都需要我们操作数据库，例如查询操作，那么对于那种数据基本不怎么变动的数据来说，每一次都去数据库里面查询，是很消耗我们的性能。尤其是对于在海量数据中进行数据操作的时候，如果都是从 DB 中进行加载，那这是在挑战用户的耐性 |
| 后端 | # 谁动了我的BUG | 什么是浅拷贝和深拷贝？ | sourl.co/jjBnT3 | 创建Java对象的方式包括new、反射、反序列化、拷贝，那么什么是拷贝呢？浅拷贝和深拷贝又有什么区别呢？ |
| Android | # vivo互联网技术 | vivo官网APP全机型UI适配方案 | nugit.cn/fEkyeS | 日益新增的机型，给开发人员带来了很多的适配工作。代码能不能统一、apk能不能统一、物料如何选取、样式怎么展示等等都是困扰开发人员的问题，本方案就是介绍不同机型的共线方案，打消开发人员的疑虑。 |
| Android | # 半岛铁盒里的猫 | 轻松入门OpenGL ES——再谈OpenGL工作机制 | sourl.co/r3eBSU | 本文依旧不讲代码，以防止初学者掉入细节的森林不可自拔，重在宏观工作机制，掌握工作机制之后写好代码是水到渠成的事。后面部分会开始讲解OpenGL ES的内容。 |
| IOS | # 老司机技术 | 老司机 iOS 周报 #209 | 2022-07-18 | sourl.co/49NtTL | 老司机 iOS 周报，只为你呈现有价值的信息。 |
优秀作者推荐｜下午茶
- 推荐作者来源于月榜上榜作者，欢迎大家关注榜单小助手，了解更多优质作者：juejin.cn/user/443367…
| 领域 | 用户名| 简介 | 个人主页链接 |
| - | - | - | - | 前端 | CUGGZ | 微信：CUG-GZ，添加好友一起学习~ | juejin.cn/user/354448… | 后端 | 王中阳Go | 将军赶路，不追小兔。 | juejin.cn/user/218988… | 移动端 | 朱涛的自习室 | Google 认证的“谷歌开发者专家” (Android & Kotlin GDE)，极客时间专栏《Kotlin 编程第一课》作者。欢迎来到我的自习室。 | juejin.cn/user/211951… |
摸鱼时刻｜下午茶
| 圈子 | 梗概 | 沸点 | 链接 |
|---|---|---|---|
| 掘友请回答 | 拿着我的小本本记下了！ | 提高幸福度的家具，电子产品 | juejin.cn/pin/7122260… |
| 掘友请回答 | 分期还是全款，xdm帮我选一下！ | jym，买贵的电子产品是分期好还是全款好 | juejin.cn/pin/7121883… |
| 上班摸鱼 | 困了，累了，无聊了，不如来沸点和xdm唠唠嗑 | 有没有来玩成语接龙的啊？ 我先来：二龙戏珠。 | juejin.cn/pin/7121980… |
年中总结｜下午茶
| 作者 | 文章 | 简介 |
|---|---|---|
| 法医 | 我的年中总结：生活可能就是这样，看似平淡，也始终在向前！ - 掘金 (juejin.cn) | 在《张文宏给年轻人的一封信，请查收》中，张文宏教授用他亲身经历告诉我们，年轻人注定要与时代共同成长，注定希望与焦虑并存。他将我们每个人都比作在大潮中的流水，会跟随潮流奔涌向前，即使看似平淡，也始终在向前。 |
📖 投稿专区｜下午茶
大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在近1-3天内；可以推荐自己的文章、也可以推荐他人的文章。
今日主理人｜下午茶
本期每日掘金由ReganYue 负责制作，欢迎大家来我的主页喝下午茶。
PS：主理人目前正在招募中，有感兴趣的掘友们可以联系Captain
