深入了解 JavaScript 内存泄漏,浅谈“分布式锁”,官方推荐使用的OkHttp4网络请求库全面解析

Hello，又到了每天一次的下午茶时间。酱酱们的下午茶新增优质作者介绍和码上掘金板块，专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！

酱酱们的下午茶全新改版，欢迎大家多提宝贵意见！

本文字数 1800+，阅读时间大约需要 6 分钟。

【掘金酱的下午茶】亮点：

chatgpt逐字逐行回答的效果是如何实现的

图数据库在中国移动金融风控的落地应用

浅析基于Spring Security 的身份认证流程

深入浅出RPC服务 | 不同层的网络协议

MediaCodec结合FFmpeg实现视频加图片水印

官方推荐使用的OkHttp4网络请求库全面解析！

……

筛选规则：文章发布时间在本期「掘金酱的下午茶」发布时间的 1-3 天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。

每日干货｜下午茶

主理人们会对近期（1-3 天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。

『前端』

chatgpt逐字逐行回答的效果是如何实现的

chatgpt逐字逐行回答的效果是如何实现的

async/await 函数到底要不要加 try catch ?

写异步函数的时候，promise 和 async 两种方案都非常常见，甚至同一个项目里，不同的开发人员都使用不同的习惯, 不过关于两者的比较不是本文关注的重点，只总结为一句话：“async 是异步编程的终极解决方案”。

threejs可视化快速入门指北

Three.js是基于原生WebGL API和着色器封装得到的3D引擎，也就是一个JS库。通过原生WebGL直接编写程序，会比较麻烦，一般开发项目直接使用Three.js引擎。简单的项目一般也用不到底层WebGL知识，不过学习WebGL有助于深入理解Three.js，如果使用Three.js开发项目需要自定义着色器的时候，肯定也是要学习底层WebGL和着色器GLSL知识。

深入了解 JavaScript 内存泄漏

在任何语言开发的过程中，对于内存的管理都非常重要，JavaScript 也不例外。

使用css3 animation 动画做一个轮播图的引导动画

最近在开发小程序，有个商品列表页面需要给图片添加轮播图功能，方便用户在外面即可滑动查看单品的展示图，但并不想要展示轮播图的dot，而是希望通过一个引导动画告诉用户当前是一个轮播图，你可以通过左右滑动来查看图片，发现通过 css3 animation 既可快速实现。

『后端』

限速器的优化实践探索

限速器（rate limiter）是一个非常基础的网络包处理功能，被广泛应用于各类网元设备，在流量调度、网络安全等领域发挥着重要作用。常见的限速器的实现方式基于令牌桶（token bucket），尽管令牌桶的原理已经被人熟知，在具体实践中，我们也发现了一些挑战和共性问题。本文总结了近两年 STE 团队在优化限速器方面的一些探索，将一些经验和教训总结出来，以飨读者。

图数据库在中国移动金融风控的落地应用

接下来我主要聊一聊图数据库在中国移动，特别是金融风控场景的落地应用。

深入浅出RPC服务 | 不同层的网络协议

本系列文章从RPC产生的历史背景开始讲解，涉及RPC核心原理、RPC实现、JSF的实现等，通过图文类比的方式剖析它的内部世界，让大家对RPC的设计思想有一个宏观的认识。

浅谈“分布式锁”

分布式锁是控制分布式系统之间同步访问共享资源的一种方式。在分布式系统中，常常需要协调他们的动作。如果不同的系统或是同一个系统的不同主机之间共享了一个或一组资源，那么访问这些资源的时候，往往需要互斥来防止彼此干扰来保证一致性，在这种情况下，便需要使用到分布式锁。

浅析基于Spring Security 的身份认证流程

在企业级项目中，目前较为流行的的认证和授权框架主要是 Spring Security 和 Shiro。Spring Security 相对于 Shiro 具有更加丰富的功能和社区资源，但相对而言 Spring Security 的上手难度也要大于 Shiro。因此，一般中大型项目会更倾向于使用 Spring Security 框架，而小型项目多采用 Shiro 框架。