Hello，又到了每天一次的下午茶时间。酱酱们的下午茶新增优质作者介绍和码上掘金板块，专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！
本文字数 1800+，阅读时间大约需要 6 分钟。
- 【本期掘金酱的下午茶】亮点：
- vuejs中组件的两种不同的编写风格-选项式API及组合式API
- MyBatis-Plus联表查询的短板，终于有一款工具补齐了
- 新版以太坊Ethereum库ethersV5.0配合后端Golang1.18实时链接区块链钱包(Metamask/Okc)以及验签操作
- 内存优化之重新认识内存
- ……
筛选规则：文章发布时间在本期「掘金酱的下午茶」发布时间的 1-3 天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。
今日主理人｜下午茶
本期每日掘金由 丘山子 负责制作，需要投稿下午茶请私信我的助理 小岳 。
PS：主理人目前正在招募中，有感兴趣的掘友们可以联系Captain
每日干货｜下午茶
主理人们会对近期（1-3 天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。
『前端』
对于一个前端开发者,Vue2与Vue3都得要会,在vue3中新增很多东西,比如:Fragment,Teleport,Suspense,也去掉了vue2中一些特性,比如:移除keyCode支持作为v-on的修饰符等在编程风格上也有一些区别
目前掘金上已经有很多关于axios封装的文章。自己在初次阅读这些文章中，见识到很多封装思路，但在付诸实践时一直有疑问：这些看似高级的二次封装，是否会把axios的调用方式弄得更加复杂？
随着目前越来越多的项目使用 vite 开发，本地使用图片的项目也不在少数，为了提升用户体验，我开发了一个压缩图片的插件
文章分成以下六部分来介绍：
- 自研监控平台解决了哪些痛点，实现了什么亮点功能？
- 相比sentry等监控方案，自研监控的优势有哪些？
- 前端监控的设计方案、监控的目的
- 数据的采集方式：错误信息、性能数据、用户行为、加载资源、个性化指标等
- 设计开发一个完整的监控SDK
- 监控后台错误还原演示示例
『后端』
区块链去中心化思想无处不在，比如最近使用个体抗原自检替代大规模的中心化核酸检测，就是去中心化思想的落地实践，避免了大规模聚集导致的交叉感染，提高了检测效率，本次我们使用Ethereum最新的ethersV5.0以上版本链接去中心化区块链钱包，并且通过后端Golang1.18服务进行验签。
记录一次xxl-job遇到的非常奇怪的bug,排查了两天,才找到原因,抓狂啊~~~
Sharding-jdbc-ShardingSphere实现分库分表一些核心概念
前几天，偶然碰到了这么一款叫做mybatis-plus-join的工具（后面就简称mpj了），使用了一下，不得不说真香！彻底将我从xml地狱中解放了出来，终于可以以类似mybatis-plus中QueryWrapper的方式来进行联表查询了，话不多说，我们下面开始体验。
这篇博文中主要提到数组越界异常。场景为：假设现在有一个已存在的列表，线程1尝试去查询列表最后一个元素，而此时线程2要去删除列表最后一个元素。此时线程1由于最开始读取的size()=n，在线程2删除后size()=n-1，再拿原Index方式时，便触发ArrayIndexOutOfBoundsException异常。
『移动端』
我们知道，手机的内存是有限的，如果应用内存占用过大，轻则引起卡顿，重则导致应用崩溃或被系统强制杀掉，更严重的情况下会影响应用的留存率。因此，内存优化是性能优化中非常重要的一部分。但是，很多开发者对内存的认识还停留在应用开发这一层，平时只是参考网上的方案，对内存进行比较浅显的优化。想要深入进行内存优化，我们需
一直觉得阅读器里面的仿真页很有意思，最近在看阅读器相关代码的时候发现仿真页是基于贝塞尔曲线去实现的，所以就有了此篇文章。
趣味码上掘金分享｜下午茶
- 码上掘金精选，收集优秀的码上掘金项目，供大家一起学习：github.com/akira-cn/jc…
- 码上掘金游戏精选：g.jcode.pub/#/716133153…
| 作者 | 简介 |
|---|---|
| 陈_杨 | 非物质文化遗产。 |
📖 投稿专区｜下午茶
大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在近 1-3 天内；可以推荐自己的文章、也可以推荐他人的文章。也可以私信我的助理 小岳 。
