今日主理人｜下午茶
本期每日掘金由北洋负责制作。
PS：主理人目前正在招募中，有感兴趣的掘友们可以联系Captain
酱酱们的下午茶新增优质作者介绍和码上掘金板块，专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！
本文字数1500+，阅读时间大约需要 6 分钟。
【掘金酱的下午茶】亮点：
- 纯css实现赛博朋克风格
- 基于 Next.js实现在线Excel
- [极致用户体验] 为什么2022年不建议你用rem
- Mysql那些最需要掌握的原理
- Protobuf通信协议
- 深入浅出介绍局域网联机游戏组网是如何实现的？
- 淘宝iOS扫一扫架构升级 - 设计模式的应用
- 百度APP Android包体积优化实践（三）资源优化
- [Flutter] ProxyWidget和数据的更新
- ……
筛选规则：文章发布时间在本期「掘金酱的下午茶」发布时间的1-3天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。
每日干货｜下午茶
主理人们会对近期（1-3天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。
| 文章分类 | 作者 | 文章 | 简介 |
|---|---|---|---|
| 前端 | 飞书技术 | 如何解决前端常见的竞态问题 | 阅读完本文，你将会知道：什么是竞态问题， 通常出现在哪些场景， 解决竞态问题有哪些方法 |
| 前端 | HullQin | [极致用户体验] 为什么2022年不建议你用rem | rem目的是适配各种宽度的屏幕（其实微信小程序rpx就是参考rem来设计的，但是rpx则更直接的解决了问题）。 |
| 前端 | 我是小阵不悲催 | 纯css实现赛博朋克风格 | 纯css实现赛博朋克风格 |
| 前端 | 草帽Plasticine | 「原生练手」🕛纯CSS霓虹灯特效时钟，帅炸了！ | 今天我们要用纯css实现一个霓虹灯特效的时钟，在单调的时钟周围加上一圈霓虹灯特效 |
| 前端 | 葡萄城技术团队 | 基于 Next.js实现在线Excel | 我们将带大家基于Next.js实现类Excel控件的在线表格编辑的功能。 |
| 后端 | 字节跳动技术团队 | Mysql那些最需要掌握的原理 | 本文选取MySQL体系中较为核心的部分内容，尽可能详细的介绍这些核心模块及其底层原理，尽可能多的加入实战案例来加深理解，以便于在以后的开发中更好的去避免问题，发现问题，解决问题。 |
| 后端 | xiaohezi | 聊聊 Java 的单元测试 | 聊聊 Java 的单元测试 |
| 后端 | 丘山子 | 深入浅出介绍局域网联机游戏组网是如何实现的？ | 深入浅出介绍局域网联机游戏组网是如何实现的？ |
| 后端 | 鹿鱼 | Protobuf通信协议 | Protobuf (Protocol Buffers) 是谷歌开发的一款无关平台，无关语言，可扩展，轻量级高效的序列化结构的数据格式，用于将自定义数据结构序列化成字节流，和将字节流反序列化为数据结构。 |
| 后端 | 万恶的沫白 | 定时器实现原理——时间轮 | 时间轮算法是通过一个时间轮去维护定时任务，按照一定的时间单位对时间轮进行划分刻度。然后根据任务延时计算任务落在该时间轮的第几个刻度上，如果任务时长超出了刻度数量，则需要增加一个参数记录时间轮需要转动的圈数。 |
| 移动端 | 百度Geek说 | 百度APP Android包体积优化实践（三）资源优化 | 本文我们会介绍百度APP 在资源优化上的实践。首先介绍 APK 中资源部分的结构，然后对比分析现存的资源优化工具，介绍百度App自定义优化开发方案，最后还会介绍一些带来其他收益的资源优化。 |
| 移动端 | 阿里巴巴大淘宝技术 | 淘宝iOS扫一扫架构升级 - 设计模式的应用 | 本文在“扫一扫功能的不断迭代，基于设计模式的基本原则，逐步采用设计模式思想进行代码和架构优化”的背景下，对设计模式在扫一扫中新的应用进行了总结。 |
| 移动端 | 凤凰战士 | [Flutter]ProxyWidget和数据的更新 | Flutter的众多Widget当中，有作用于渲染的RenderObjectWidget、聚焦于功能整合的StatefulWidget。但是，还有一个大类，ProxyWidget也同样值得我们关注。 |
| 移动端 | Arrom | Hash 应该知道的知识 | hash就是将任意长度的消息压缩成某一固定长度的消息摘要的函数。相当于文件的指纹。 |
| 移动端 | newki | Kotlin-Flow常见场景下的使用 | 在真实的开发环境中我们是如何使用Flow的呢？这里从几点举例说明一下。 |
优秀作者推荐｜下午茶
- 推荐作者来源于月榜上榜作者，欢迎大家关注榜单小助手，了解更多优质作者：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… |
摸鱼时刻｜下午茶
| 圈子 | 梗概 | 沸点 | 链接 |
|---|---|---|---|
| 掘友请回答 | 认真求一个建议 | xdm，对于编码这块儿好困惑啊，比如：代码缩进究竟是缩进两个空格还是四个空格，究竟是默认使用单引号还是双引号，还有对象究竟可以值要不要有引号。这些问题用哪一个困惑的原因是因为不知道用哪一种更合理，以前都是公司规定好，我遵循他的规则即可，现在要玩儿这些东西，真的很困惑。大家能给个建议吗？谢谢老铁们 | juejin.cn/pin/7129322… |
| 上班摸鱼 | 月供14.8，无限畅骑 | 各位有车一族的伙伴们,想问一下 你么得月供是多少啊 | juejin.cn/pin/7129311… |
| 上班摸鱼 | 暴露年龄系列 | 家人们，还有在玩QQ飞车端游的吗？ | juejin.cn/pin/7129318… |
趣味码上掘金分享｜下午茶
| 作者 | 代码介绍 | 简介 |
|---|---|---|
| dragonri | 使用前端技术实现静态图片局部流动效果🌊 | 本文使用前端开发技术，结合 SVG 和 CSS 来实现类似的液化流动效果。 |
| 作者 | 代码介绍 | 简介 |
|---|---|---|
| 答案cp3 | 牛郎织女相会~~ | 牛郎织女相会~~ |
| 作者 | 代码介绍 | 简介 |
|---|---|---|
| 周佳怡 | 七夕，祝所有有情人终成眷属~~ | 七夕，祝所有有情人终成眷属~~ |
| 作者 | 代码介绍 | 简介 |
|---|---|---|
| 多酸多甜不如香菜 | 宝贝快看 | 七夕快乐 |
📖 投稿专区｜下午茶
大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在近1-3天内；可以推荐自己的文章、也可以推荐他人的文章。
