可视化绘制梅西射球点位、实现 Meterial UI 交互波浪动画、SVG绘画一只小猫咪 | 酱酱的下午茶第140期

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

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

• 【本期AdminJS酱的下午茶】亮点：
• 球王梅西喜欢在哪里射门？
• [React Ocean 组件库] 实现 Meterial UI 交互波浪动画 - Button 组件
• 如果让我来做性能优化【前端篇】
• 如何选择一个合适的Web存储方案
• 订单30分钟未支付自动取消怎么实现？
• 从原理和源码梳理Springboot FatJar 的机制
• 深入分析SEAndroid中的安全风险与关闭姿势
• ……

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

每日干货｜下午茶

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

『前端』

• 球王梅西喜欢在哪里射门？

通过可视化绘制，带你了解梅西射门的点位

• [React Ocean 组件库] 实现 Meterial UI 交互波浪动画 - Button 组件

本文带你了解如何实现 Meterial UI 交互波浪动画

• 如果让我来做性能优化【前端篇】

性能优化一直是Web端的”热度之王“，不论是日常工作还是面试，都是重中之重；本文是笔者我工作所做、书中所得呈现在各位看官面前，供各位看官品味个中滋味。

• 如何选择一个合适的Web存储方案

Web客户端存储是一个现代Web应用必不可少的功能，常见的有Cookie、WebStorage和IndexedDB等，如何选择一个合适的Web存储方案呢？本文带你了解

• SVG大师之路 - 画一只小猫咪

本文通过一只小猫咪带你学习如何进行SVG绘画

『后端』

• 订单30分钟未支付自动取消怎么实现？

订单30分钟未支付自动取消怎么实现？本文带你了解几个不同方式的实现方案和优劣对比

• 后端思维篇：如何抽个上报模板

笔者刚好优化了安全上报这块的代码，抽了一个基础模板，看起来挺优雅的。所以手把手教大家，基于重复代码，如何思考和抽取模板。

• oom！该懂的都懂

本文围绕几点，来“浅入浅出”了解下OOM。what OOM （什么是OOM）？why OOM（为什么会发生OOM）?where OOM（哪里会发生OOM）?when OOM（什么时候会发生OOM）

• 从原理和源码梳理Springboot FatJar 的机制

本文从原理和源码梳理带你学习Springboot FatJar 的机制

• 一次因 Too many open files 引发的服务雪崩

本文笔者记录了一次实战问题的定位、分析和解决过程。

『移动端』

• 基于Android T：包管理机制详解（上）

PKMS在我们开发中经常会碰到，了解其底层原理对我们开发也是很有帮助的，比如包体积优化，应用启动优化等。本文带你了解

• 深入分析SEAndroid中的安全风险与关闭姿势

本文带你深入分析SEAndroid中的安全风险与关闭姿势

• View事件体系

本文带你了解Android控件的View事件体系

• 使用 App Store Connect API 批量创建内购商品

App Store Connect API 功能非常多，包括元数据的管理，构建版本的管理、TextFlight 管理、证书管理等等、本文带你了解

• Swift5之我对@propertyWrapper的思考二

本文记录了笔者对@propertyWrapper的思考和总结

趣味码上AdminJS分享｜下午茶

• 码上AdminJS精选，收集优秀的码上AdminJS项目，供大家一起学习：github.com/akira-cn/jc…
• 码上AdminJS游戏精选：g.jcode.pub/#/716133153…

code.Admin.net/pen/7161398…

code.Admin.net/pen/7180695…

年终总结 | 优秀文章