今日主理人｜下午茶
PS：主理人目前正在招募中，有感兴趣的掘友们可以联系Captain
酱酱们的下午茶新增优质作者介绍和码上掘金板块，专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！
本文字数1500+，阅读时间大约需要 6 分钟。
【掘金酱的下午茶】亮点：
- 那些你不知道的炫酷按钮交互效果
- js实现贝塞尔曲线，div也能如此丝滑？
- 面试官为啥总是嘴上挂着低耦合高复用
- CSS 复刻 iPhone14，并接到了优弧的电话😏，还不快接电话？
- 内存修改与网络响应修改愉快玩转《羊了个羊》
- 聊聊Spring中最常用的11个扩展点
- 自动化测试在美团外卖的实践与落地
- ……
筛选规则：文章发布时间在本期「掘金酱的下午茶」发布时间的1-3天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。
每日干货｜下午茶
主理人们会对近期（1-3天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。
| 文章分类 | 作者 | 文章 | 简介 |
|---|---|---|---|
| 前端 | 南城FE | 那些你不知道的炫酷按钮交互效果 | 在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的效果。一个好的前端页面在实现设计图的同时，如果也有极强的与用户交互效果，那么给用户带来的体验是极好的。近期整理了一组相对炫酷前端按钮交互动画，今天分享给大家。 |
| 前端 | 小九 | js实现贝塞尔曲线，div也能如此丝滑？ | 今天遇到朋友发来的一个ui图，询问我如何实现下图这样的效果【vue项目】，（听说是类似LED灯的展示效果），于是便有了今天的小demo，要实现一个类似下图的动效，上面的灯会一直重复滚动，但是这个并不是什么难点，主要在于如何实现这种平滑的曲线，日常我们的开发的div在我们的脑海中通常就是一个网格状，涉及到平滑曲线的往往是图表，于是我们需要找一个方案来完成这种布局 |
| 前端 | 麻不烧 | 面试官为啥总是嘴上挂着低耦合高复用? | 这篇文章，会从一个很简单的场景进行发散，逐渐延伸出如何写出高复用、低耦合的代码。同时这也是面试过程中，面试官喜欢提及的高频词汇，莫非其中暗藏玄机？ |
| 前端 | 爱吃鱼的桶哥Z | CSS 复刻 iPhone14，并接到了优弧的电话😏，还不快接电话？ | 最近 iPhone14 上市新增了一个所谓的 “灵动岛” 的功能，我看着我手里上个月才刚买的 iPhone13，想了一下，还能再战5年，不过在看 apple 官网的视频介绍中，关于 iPhone14 的 “灵动岛” 效果还挺有趣，今天我们就来复刻一下 iPhone14 中 “灵动岛” 的效果。老规矩，我们先来看一下最终实现的效果 |
| 前端 | 刘悦的技术博客 | 君子不玩物丧志,亦常以借物调心,网站集成二次元网页小组件(widget)石蒜模拟器,聊以赏玩 | 传世经典《菜根谭》中有言曰：“徜徉于山林泉石之间，而尘心渐息；夷犹于诗书图画之内，而俗气潜消。故君子虽不玩物丧志，亦常借物调心。”意思是，徜徉在林泉山石之间，能够摒弃杂念，留意诗词歌画之中，可以尽弃俗见。所以说君子虽然不会玩物丧志，也常常要借一些优雅的小物件来调理情绪，二次元网页小组件(widget)就是这样的小物件，功能上无甚大观，却可以博君一晒。 |
| 后端 | 小小明代码实体 | 内存修改与网络响应修改愉快玩转《羊了个羊》 | 本文全部基于Windows PC端最新版微信(v3.7.6.44)，首先打开小程序《羊了个羊》，再打开CE7.0以上版本，然后我们能够看到5个微信小程序的进程 |
| 后端 | 苏三说技术 | 聊聊Spring中最常用的11个扩展点 | 我们一说到spring，可能第一个想到的是 IOC（控制反转） 和 AOP（面向切面编程）。没错，它们是spring的基石，得益于它们的优秀设计，使得spring能够从众多优秀框架中脱颖而出。除此之外，我们在使用spring的过程中，有没有发现它的扩展能力非常强。由于这个优势的存在，让spring拥有强大的包容能力，让很多第三方应用能够轻松投入spring的怀抱。比如：rocketmq、mybatis、redis等。今天跟大家一起聊聊，在Spring中最常用的11个扩展点。 |
| 后端 | 楼仔 | 新来个技术总监，把限流实现的那叫一个优雅，佩服！ | 在电商高并发场景下，我们经常会使用一些常用方法，去应对流量高峰，比如限流、熔断、降级，今天我们聊聊限流。什么是限流呢？限流是限制到达系统的并发请求数量，保证系统能够正常响应部分用户请求，而对于超过限制的流量，则通过拒绝服务的方式保证整体系统的可用性。根据限流作用范围，可以分为单机限流和分布式限流；根据限流方式，又分为计数器、滑动窗口、漏桶限令牌桶限流，下面我们对这块详细进行讲解。 |
| 后端 | 1点25 | 美团简单版动态线程池源码实现 | 动态线程池，指的是线程池中的参数可以动态修改并生效，比如corePoolSize、maximumPoolSize等。在工作中，线程池的核心线程数和最大线程数等参数是很难估计和固定的，如果能在应用运行过程中动态进行调整，也就很有必要了。 |
| 后端 | 美团技术团队 | 自动化测试在美团外卖的实践与落地 | 随着美团到家业务的发展，系统复杂度也在持续增长。测试用例数量近两年增长约一倍，单端数量超过1万2千条，而研发人员的工作从大部分时间在开发，转变成一半时间在开发、一半时间在模拟环境和自测。因此，引入自动化测试就显得十分有必要，本文介绍了美团外卖在自动化测试方向做的一些探索和实践，希望对从事相关领域工作的同学能够带来一些启发或帮助 |
| 移动端 | KunMinX | 关于 MVI，我想聊的更明白些 | 谈到 MVI，相信大家略有耳闻，由于该架构有一定门槛，导致开发者要么完全理解，要么完全不理解。且由于存在门槛，理解的开发者往往受 “知识的诅咒”，很难体会不理解的人困惑之所在，也即容易在分享时遗漏关键点，这也使得该技术点的普及和传播更加困难。故这期专为 MVI 打磨一篇 “通俗易懂、看完便理解来龙去脉、并能自行判断什么时候适用、是否非用不可”，相信阅读后你会耳目一新。 |
| 移动端 | jerryfans | 可能是全网第一个适配iOS灵动岛的Toast库-JFPopup | 我去年的一篇文章详细的介绍了我编写的一套Swift弹窗组件库一个优雅的Swift弹窗组件-JFPopup。里面适配了一套ToastView，恰逢今年苹果iPhone14 Pro以上系列新出了一套灵动岛的交互风格，所以就意外想到能否把ToastView也适配进去灵动岛，所以此文就应运而生。我上篇文章已经很详细的介绍了JFPopup具体用法，这篇文章主要讲解适配灵动岛的心路历程。 |
优秀作者推荐｜下午茶
推荐作者来源于月榜上榜作者，欢迎大家关注榜单小助手，了解更多优质作者：juejin.cn/user/443367…
| 用户名 | 简介 | 个人主页链接 |
|---|---|---|
| 张风捷特烈 | 海的彼岸有我未曾见证的风采 | juejin.cn/user/149189… |
| 宁在春 | 望别日，与君相见时，君已有所成。 | juejin.cn/user/285914… |
趣味码上掘金分享｜下午茶
| 作者 | 代码介绍 |
|---|---|
| 南方者 | 【HTML】【休闲益智】真相？真香？只有一个！看看谁是大馋虫 or 贪吃鬼（找出真正吃了月饼的人 |
📖 投稿专区｜下午茶
大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在近1-3天内；可以推荐自己的文章、也可以推荐他人的文章。
