本文字数4500+，阅读时间大约需要 12 分钟。
【掘金一周】本期亮点：
- 「万字总结」动画 + 大白话讲清楚React渲染原理
- 现代编程语言都具备的Lambda到底是个啥？
- 为什么说 Compose 的声明式代码最简洁 ？
- AI识万物：从0搭建和部署手语识别系统
- 尤雨溪主题演讲《2022 前端生态趋势》全记录
- ……
上榜规则：文章发布时间在本期「掘金一周」发布时间的前一个月内；且符合各个栏目的内容定位和要求。
一周“金”选
内容评审们会在过去的一周内对社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方榜单中，排名不分先后。
前端
- 「万字总结」动画 + 大白话讲清楚React渲染原理 @ 特立独行的猪_
，为什么有些时候
生命周期的执行事与愿违？又为什么数组中必须要加上key属性？为啥在render中不能写setState......面对这些问题的答案，本文将总结出一份不看源码也能让你看懂的React渲染原理。
- 为什么我推荐使用智能化async? @ FuncJin
笔者之所以写作本篇文章是因为前几天在优化数据库操作时，发现要不停
try catch，且操作数据库的代码越多，则try catch就越多，于是突发奇想，能不能封装一个工具类来实现智能化捕获错误呢？在这种思维的推动下，笔者觉得这个工具类不仅仅是以一种创意的形式出现，更多的是实用性！
- 花三个小时，完全掌握分片渲染和虚拟列表~ @ 小杜杜
有关高性能， 大数据****量的列表渲染的示例已经非常常见，可以说是前端必须要了解的功能点，本文将带你一起手写一下，看看如何去更好的实现～
- 「React进阶」React中没有keepalive?没事!手把手教你从零到一设计并实现一个! @ 我不是外星人
React 中没有 keepalive 怎么办？遇到这样的需求难道我们就不做了吗？别着急，今天就带大家从零到一设计并实现这个功能！
- 我在淘宝做弹窗，2022 年初的回顾与展望 @ 阿里巴巴大淘宝技术
本篇文章作者向各位介绍了自己加入 PopLayer 项目一年多时间以来，为产品所贡献的一份力量，既包含了站在产品视角对产品功能，易用性和未来发展的考量，也包括了站在技术视角，对技术架构，编程范式和功能实现上的思考。
后端
- 现代编程语言都具备的Lambda到底是个啥?详细聊聊Lambda与函数式接口 @ 和耳朵
一些掘友可能知道 Lambda 是匿名表达式的，但是可能并不清楚它是根据什么规则进行的转换，想必大家看完本文之后会有一个清晰的了解。
- 深入理解 slice @ 二牛QAQ
slice 是一种灵活、高效的数据结构， 在日常开发中经常使用，如果不理解 slice 背后的一些工作原理，还是经常会踩坑的，所以本篇着重挖掘 slice 背后的一些逻辑。
- 如何防止订单重复支付? @ 三分恶
想必大家对在线支付都不陌生，本文就带大家聊聊如何防止订单重复支付。
- 讲透JAVA Stream的collect用法与原理，远比你想象的更强大 @ 架构悟道
本篇文章就来专门剖析JAVA Stream 中的 collect操作，一起解锁更多高级玩法，让
Stream操作真正的成为我们编码中的神兵利器。
- 千万不要把Request传递到异步线程里面!有坑! @ why技术
笔者前几天看到一篇技术文章，主要讲述的是一个 request 请求传递到了线程池里面，然后遇到了一个匪夷所思的情况。不过该文探索问题的部分写的有些省略，本文将更进一步探索相关问题。
- 既然有HTTP协议，为什么还要有RPC @ 小白debug
笔者第一次接触RPC协议，当时就很懵，HTTP协议用的好好的，为什么还要用RPC协议？
- 这样优化Spring Boot，启动速度快到飞起! @ 艾小仙
某些 Spring Boot 启动速度太慢了，可能你也会有这种体验，这里将探索一下关于 Spring Boot 启动速度优化的一些方方面面。
- 领域驱动设计:事件溯源架构简介 @ 字节跳动技术团队
事件溯源这个概念可能大家都有听说过。近期笔者曾对事件溯源模式进行过相关的调研，以便去解决项目中关于历史数据追溯的需求。调研过程中也学到了一些相关的知识，就整理下来，和各位分享交流。
- 关于目前流行的 Redis 可视化管理工具的详细评测 @ 宁在春
笔者在网上找一个 ubuntu 上的 Redis 的管理工具，搜索到的文章内容都是偏向于介绍，然后笔者就想着来写一篇评测相关的文章，来让大家更好的做出选择。
Android
- 学完ASM Tree api，再也不怕hook了 @ Pika
看完本文，你将会学习到用ASM的tree api进行对匿名线程的hook操作，同时也能够了解到asm相关的操作和背景知识介绍！
- 为什么说 Compose 的声明式代码最简洁 ?Compose/React/Flutter/SwiftUI 语法对比 @ fundroid
Comopse 与 React、Flutter、SwiftUI 同属声明式 UI 框架，有着相同的设计理念和相似的实现原理，但是 Compose 的 API 设计要更加简洁。本文就这几个框架在代码上做一个对比，感受一下 Compose 超高的代码效率。
- 面试题 | 等待多个并发结果有哪几种方法? @ 唐子玄
App 开发中，等待多个异步结果的场景很多见，本文会介绍几种解决方案，并将它们运用到不同的业务场景，比对一下哪个方案适用于哪个场景。
- 使用ComposeDesktop开发一款桌面端多功能APK工具 @ 乐翁龙
在尽量不花钱的前提下，借助Compose Desktop开发出一款桌面端多功能APK工具。
- Flutter 绘制探索 | 箭头端点的设计 @ 张风捷特烈
基于已有的可以自由拓展的箭头绘制小体系，本文就来对端点的箭头路径进行拓展，丰富箭头的样式，同时也更方便使用者调用。
- Flutter 小技巧之优化使用的 BuildContext @ 恋猫de小郭
Flutter 里的
BuildContext相信大家都不会陌生，那使用BuildContext有什么需要注意的问题？
- 手把手带你实现西瓜视频的责任链埋点框架 @ DylanCai
之前看到西瓜视频团队分享了基于责任链的埋点框架，感觉思路还不错。不过只分享实现思路和部分代码，没提供一套可用的框架，其中的埋点线索更是让很多人不理解怎么去实现。所以个人就尝试封装一下，理解其核心思想后进行了改进和优化，最后仅用了 200 多行代码实现。
人工智能
- AI识万物:从0搭建和部署手语识别系统 @ ShowMeAI
在本篇内容中，笔者借助深度学习与神经网络技术，针对这个问题从 0 构建 1 个应用程序，检测手语并将其翻译给其他人进而打破手语隔阂。
- 【论文阅读|深读】RDAA:Role Discovery-Guided Network Embedding Based on Autoencoder and A @ 海轰Pro
近年来，网络嵌入(network embedding, NE)是复杂网络研究中的一个热点，致力于各种各样的任务。几乎所有的网络模型和方法都是基于网络的局部相似性、高阶相似性或全局相似性，很少有研究聚焦于角色发现或结构相似性，这对传播动力学和网络理论具有重要意义。
- 【推荐/广告】推荐系统和计算广告经典论文梳理 @ datazero
本文涉及到推荐系统和计算广告领域的书籍，教程，博文，论文，代码等资源的梳理汇总。因为主要工作是CVR预估，所以本文主要内容是计算广告的相关知识，重点是CVR预估内容。此外，也会涉及CTR预估和LTV预估的内容。
- 对抗生成网络GAN系列--GAN原理及手写数字生成小案例 @ 秃头小苏
本文主要解析 对抗生成网络GAN，会贴合论文较为详细的讲解GAN网络原理，同时也通过GAN网络来生成手写数字的小demo。
热点观察
搜集行业热点，洞察技术趋势。
前端
- CSS Compat 2021 和 Interop 2022中部分特性介绍 @ 字节跳动技术团队
最近笔者看到了一些关于 CSS 新特性的一些推文，觉得值得关注。本文是广泛阅读后的笔记，根据理解搭建了文章结构，对名词概念进行了说明，特性的介绍附有在实际中的使用场景，特性和属性值介绍附上浅显的demo，最终整理出来了这篇文章。
- 尤雨溪主题演讲《2022 前端生态趋势》全记录 @ 清秋
本文主要为 第二届稀土开发者大会 尤大关于 《2022 Web 前端生态趋势》 的主题分享的文字记录。
掘金万花筒
根据内容质量、创意维度来筛选掘金社区的宝藏文章，你是那个宝藏吗？
前端
- 【程序员的浪漫】七夕到了，还不快给你女朋友做一个专属chrome插件 @ 蜡笔小心_
七夕节马上就要到了，作为拥有对象(没有的话，可以选择
new一个出来)的程序员来说，肯定是需要有一点表示才行的。用钱能买到的东西不一定能表达咱们的心意，但是用心去写的代码，还能让对象每天看到那才是最正确的选择。
- 助力乡村振兴，我为农民伯伯开发了这款微信小程序 @ 猪痞恶霸
笔者的家庭是务农的，在家帮忙的时候，父母遇到了农业病害的问题，不知道从哪下手，所以需要一个方便的工具去了解这些。因此，笔者和小伙伴使用微信小程序云开发打造了一款口袋农识。
- 假期里，把B站变成你的入职项目吧!(React-Hooks+Redux 打造让面试官眼前一亮的Bilibili~) @ CaVaNa
在这篇文章中，笔者将会分享如何完整的实现一个React-Hooks + Redux项目，主要介绍如何使用Redux实现数据流管理，以及项目优化和Cavan遇到的小坑。
- 我们用48h，合作创造了一款Web游戏:Dice Crush，参加国际赛事 @ HullQin
几个大厂小伙，有产品策划、有设计师、有程序员，合作创造游戏，48小时，能开发出什么游戏？
- 你的图片加载，一点都不酷炫!不信You Look Look... @ 爱喝葡萄汁的海豹
现代网站中的图片使用量是很大的，在一些门户网站中，还会有一些大尺寸的图片展示，这个时候图片如果加载不顺畅，是很影响用户体验的。
- 细节狂魔，用 JavaScript 复原何同学B站头图的创意 @ 大帅老猿
何同学的B站个人空间的头图，右边显示的数字其实是何同学上次投稿距今的时间，这个数字每天都会变。笔者花了一天的时间敲代码和Debug，已经完全实现了和何同学一样的效果，并且无需服务器无需打开电脑，头图每天也会自动更新。
- 关于我仿做了个steam很火的《Helltaker》游戏 @ 荆棘鸟Q
《Helltaker》游戏的核心玩法是非常简单的推箱子游戏的玩法。不过有区别的是它有玩家步数限制，需要你计算可移动步数来达到目标。本文将仿照该游戏，主要分享游戏制作思路分析。
- 【动画实现】CSS Houdini 实现磁吸 效果 @ FESKY
恰好最近看了一点
Houdini的文档。看十遍文档不如写一篇文章掌握来得快，所以这篇文章，将使用 Houdini 的 Paint API 来复刻这个磁吸效果。
- React-Hooks + Redux 实战--从拿取数据到功能实现带你打造属于你自己的米游社 @ 陆云升
前两周写了个米游社的小demo，最近学习了Redux，加之对米游社的首页挺感兴趣，所以就诞生了这个米游社的另一个demo，使用React-Hooks + Redux完善了更为完整的米游社。
后端
- 是的，我写了一个摸鱼插件! @ AnLingYi
笔者学习了
Netty这一网络框架。而笔者一般都喜欢以项目驱动的方式去学习，既然是网络框架的学习，那项目必然是和通讯相关的，脑海中第一个想到的就是写一个聊天程序了。
- 用代码帮朋友解决P图问题 @ AnLingYi
朋友有P图需求，然后就想出来了用代码实现图片合成！
程序人生
- 我在腾讯这一年 @ nuIl
- 三十岁的我，自由了! @ 海底沉默
- 组件库设计 | React组件库Concis开源探索过程中的一些心路历程 @ 冯心心爱吃肉
社区官方专区
活动日历
| 活动名称 | 活动时间 | 活动主理人 |
|---|---|---|
| 掘金创意开发大赛来了！记录你的灵感迸发时刻！ | 7月18日 - 8月12日 | 掘金Troy |
| 技术专题征文18期｜聊聊Go语言框架 | 7月11日 - 7月31日 | @Deborah倩倩 |
| 掘金技术社区签约计划第二期开启！写作变现、流量扶持等你报名 | 7月1日 - 7月31日 | @一个有感情的运营机器 |
| 掘金年度征文 丨 2022年中总结征文大赛 | 6月15日 - 7月31日 | @Deborah倩倩 |
| 圈子夏日嘉年华丨掘金app专属活动 | 7月20日 - 8月7日 | @沸点小助手 |
| 携手创作，共同成长，8月更文活动来啦！｜ 掘金·日新计划 | 7月27日 - 8月31日 | 掘金Troy |
官方公告
-
掘友用户等级上线啦！
-
学课程还能赚钱？掘金分销来了！
-
你好，我是码上掘金！
-
掘金社区文章推荐规则大更新！什么样的文章不会被推荐？
投稿专区
大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在下期掘金一周发布前一个月以内；可以推荐自己的文章、也可以推荐他人的文章。