最近鉴于掘友们的热情召唤，我们终于把做了几百期的社群下午茶搬到站内了，酱酱们会一直陪伴，认真创作的掘友们，站内下午茶新增优质作者介绍和码上掘金板块，专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！
本文字数1800+，阅读时间大约需要 8 分钟。
【掘金酱的下午茶】亮点：
- JS入门到进阶 手写裁剪图片的工具，并部署。一键裁剪掘金文章封面
- Day1：用原生JS把你的设备变成一台架子鼓！
- 如何快速设计一套支持渲染富文本内容的跨端组件
- 没想到你是这样的npm install
- Nginx原理性科普
- 把「Go静态分析」放进你的工具箱
- 🌟深入理解 ELK 中 Logstash 的底层原理 + 填坑指南
- 为什么不建议使用自定义Object作为HashMap的key？
- 刚学会Transform，你告诉我就要被移除了
- 使用 GPU渲染模式分析工具进行分析
- Key-Value Observing(KVO)基本使用与实现原理
- ……
筛选规则：文章发布时间在本期「掘金酱的下午茶」发布时间的1-3天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。
每日干货｜下午茶
主理人们会对近期（1-3天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。
| 文章分类 | 作者 | 文章 | 简介 |
|---|---|---|---|
| 前端 | HullQin | JS入门到进阶 手写裁剪图片的工具，并部署。一键裁剪掘金文章封面 | 作为前端开发者，我打算自己写一个「图片裁剪」工具！ |
| 前端 | 掘金技术团队 | Day1：用原生JS把你的设备变成一台架子鼓！ | 这道题比较有意思，挑战者需要实现一个“击鼓”的效果，界面上一共有九个鼓点，当用户在键盘上按下 ASDFGHJKL 这几个键，或者点击鼠标和触摸屏幕时，显示对应的击鼓视觉效果和播放对应的音效。 |
| 前端 | 乘风gg | 如何快速设计一套支持渲染富文本内容的跨端组件 | 怎么把 html 变成 view，往往很多人就不知道怎么做了，觉得这就是不可能完成的，是产品在提不合理的需求，看到这里，大家可以先想想，如果是你，你会怎么做？ |
| 前端 | JackyM06 | 没想到你是这样的npm install | 使用npm install这个条命令对于我们前端开发者来说应该是形成“肌肉记忆”，之前一直对 npm 的相关知识停留在“会用”的阶段，但是内部的原理却不甚了解。 |
| 后端 | 飞书技术 | Nginx原理性科普 | Nginx 的模块从结构上分为核心模块、基础模块和第三方模块。这样的设计使 Nginx 方便开发和扩展，也正因此才使得Nginx 功能如此强大。 |
| 后端 | 飞书技术 | 把「Go静态分析」放进你的工具箱 | 提到静态分析，大家第一反应可能是Sonar、FindBugs等静态代码检查工具，它通过对源码的分析，不实际运行代码，检查代码是否符合编码规范，发现源码中潜在的漏洞 |
| 后端 | 悟空聊架构 | 🌟深入理解 ELK 中 Logstash 的底层原理 + 填坑指南 | 通过本篇内容，你可以学到如何解决 Logstash 的常见问题、理解 Logstash 的运行机制、集群环境下如何部署 ELK Stack。 |
| 后端 | 架构悟道 | 为什么不建议使用自定义Object作为HashMap的key？ | 分析定位，发现内存中某个Object的量远远超出了预期的范围，很明显出现内存泄漏了。结合代码分析发现，泄漏的这个对象，主要存在一个全局HashMap中，是作为HashMap的Key值。 |
| Android | 掀乱书页的风 | 刚学会Transform，你告诉我就要被移除了 | 从 AGP1.5 一直存在的Transform API在AGP7.0被标记为废弃了，连AGP中最稳定的Transform API都被废弃了，所以技术的更新迭代，没有什么是不可能的，只有变化才能适用发展 |
| Android | 北洋 | 使用 GPU渲染模式分析工具进行分析 | 每个竖条都是一次VSync的时间16.6ms，如果竖条宽度变宽且透明则代表超出16.6ms绘制的帧 |
| IOS | 小橘爷 | Key-Value Observing(KVO)基本使用与实现原理 | Key-Value Observing(KVO) 是一种机制，它允许对象在其他对象的指定属性发生更改时得到通知。要使用 KVO，首先你必须确保被观察对象是 KVO 兼容的 |
优秀作者推荐｜下午茶
-
推荐作者来源于月榜上榜作者，欢迎大家关注榜单小助手，了解更多优质作者：juejin.cn/user/443367… | 领域 | 用户名| 简介 | 个人主页链接 |
| - | - | - | - | 前端 | zxg_神说要有光 | 小册《typescript 类型体操通关秘籍》已上线 | juejin.cn/user/278801…
后端 | John同学 | 萌新程序员，闲暇之余记录一下近期的学习内容，期待能够每天进步一点点୧☉□☉୨ | juejin.cn/user/245015… 移动端 | 程序员江同学 | Android Developer程序员江同学 | juejin.cn/user/668101…
趣味码上掘金分享｜下午茶
| 作者 | 代码介绍 | 简介 |
|---|---|---|
| 末世未然 | 用一个div画太极八卦 | 今天灵机一动，想画个太极八卦图 |
摸鱼时刻｜下午茶
| 圈子 | 简介 | 沸点 |
|---|---|---|
| 上班摸鱼 | 面美团吧。大厂，轻松月入过万又自由...不说了 来单了 | 期末考完要准备去面试了，第一次找工作，jym能不能给一点小小的建议 |
| 上班摸鱼 | 雪糕刺客，你给我站住！ | 25块钱的雪糕，吃了三年，房子吃没了，家人吃垮了，现在有了5毛的雪莲，你们非说他卫生不合格，合不合格我能不知道吗？ - 《我不是糕神》 |
| 树洞一下 | 掘友：我特么要笑死在这沸点里了 | 又到了重温西游记的时候了，不懂的向我提问 |
年中总结｜下午茶
| 作者 | 文章 | 简介 |
|---|---|---|
| zxg_神说要有光 | 2022 年中总结｜迷失中成长的半年 | 这半年经历了很多的事情，经历了外企、自由职业，经历了上海全套的疫情，经历了比较 emo 的时刻，所幸技术还是在稳步成长中 |
| 余杭子曰 | 前端tl的职业成长 2022年中总结 | 转眼间来到2021年，我的专业生涯本身来到了瓶颈，作为tl的发展也遇到了部分瓶颈。2022年上半年是自己逐渐摆脱这个瓶颈，渐入佳境的半年。 |
| 聪小陈 | Umi Core Maintainers，月榜作者，晋升 P8，来听我碎碎念如何｜2022 年中总结 | 回看总结，还是有点不真实感，突然完成了好几年的大的 flag，比如 P8 和买别墅。感觉写到这里，这些内容够写年中总结的文章了。因为想想过程都非常的搞笑。 |
| 王中阳Go | 心中有火 眼里有光 2022年中总结 | 这一年过得真的很魔幻，感慨于白驹过隙的同时，又感慨这一年其实很长很长，竟然做了这么多事情。 |
| zxhtom | 🛳🪝2022年中总结🚩⊄ ｜ 原谅我没有华丽词藻修饰总结，我只有心中所想 | - 2022已然过去一半了，这半年我们完全在疫情的包裹下生活，面对经济的挑战面对新形势我们要学会成长。共勉 |
📖 投稿专区｜下午茶
大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在近1-3天内；可以推荐自己的文章、也可以推荐他人的文章。
今日主理人｜下午茶
本期每日掘金由北洋 负责制作
PS：主理人目前正在招募中，有感兴趣的掘友们可以联系Captain
