今日主理人｜下午茶
本期每日掘金由战场小包负责制作。
PS：主理人目前正在招募中，有感兴趣的掘友们可以联系Captain
酱酱们的下午茶新增优质作者介绍和码上掘金板块，专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！
本文字数2000+，阅读时间大约需要 9 分钟。
- 【掘金酱的下午茶】亮点：
- 从 Vue 转换看 Webpack 和 Vite 代码转换机制的差异
- 所见即所得 —— HTML转图片组件开发
- 一次网络波动引发的事故 后端警醒
- 这些不知道，别说你熟悉 Spring
- 关于缓存更新的一些可借鉴套路
- Compose开发中的一些实用小技巧~
- 你们居然还在用负样本做对比学习？
- ……
筛选规则：文章发布时间在本期「掘金酱的下午茶」发布时间的1-3天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。
每日干货｜下午茶
主理人们会对近期（1-3天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。
| 文章分类 | 作者 | 文章 | 简介 |
|---|---|---|---|
| 前端 | candyTong | 从 Vue 转换看 Webpack 和 Vite 代码转换机制的差异 | Webpack 是使用 loader 转换代码的，而 Vite/Rollup 则是使用插件转换代码，那这两种机制有什么差异呢？我们用 Vue 的转换来说明一下。 |
| 前端 | CatWatermelon | 💕💕浪漫限定！CSS 实现爱心跟随鼠标效果！ | 今天我来教大家属于程序员的浪漫——使用 CSS 搭配 JS 实现爱心跟随鼠标发散效果。 |
| 前端 | 政采云前端团队 | 所见即所得 —— HTML转图片组件开发 | 本文带大家来实现一个"所见即所得"的需求：将用户所见网页提取为图片。 |
| 前端 | 孤佣 | 来用Vite+React快速开发浏览器插件 | 本文使用 React & Antd & Vite 快速做一个 chrome 扩展程序(常用名：插件) -- 语录收藏 |
| 前端 | 街角小林 | Vue组件库文档站点的搭建思路 | 本文为Varlet组件库源码主题阅读系列第四篇，读完本篇，可以了解到如何使用Vite的Api接口来启动服务、如何动态生成多语言的页面路由。 |
| 后端 | CodeFox | 这些不知道，别说你熟悉 Spring | 大家好，这篇文章跟大家来聊下 Spring 中提供的常用扩展点、Spring SPI 机制、以及 SpringBoot 自动装配原理，重点介绍下 Spring 基于这些扩展点怎么跟配置中心（Apollo、Nacos、Zookeeper、Consul）等做集成。 |
| 后端 | 变成派大星 | 一次网络波动引发的事故 后端警醒 | 一次网络波动，引发啦对事务的深层思考，我们对于Sql 优化已经很明白的，但是真正去使用的时候你又用了多少，我发现我在执行一个方法的时候，事务一直失败，也就是事务超时 |
| 后端 | 和耳朵 | 「微服务网关实战二」SCG + Nacos 动态感知上下线 | 本篇将给大家详细讲解网关的搭建，整体上会以一个网关和两个微服务作为演示，加上 Nacos 提供注册中心和配置中心的能力，并且解决搭建网关会遇到的第一个问题：网关感知服务动态上下线。 |
| 后端 | 小姐姐味道 | 看到就是赚到！当 LinkedList 不是列表时，速度快的兔子都追不上! | ArrayList和LinkedList有什么区别？ |
| 后端 | 架构精进之路 | 关于缓存更新的一些可借鉴套路 | 如何保证缓存和数据库的一致性，这算得上是个老生常谈的话题啦，看到好多技术新人在写更新缓存数据代码，采用了非常复杂甚至“诡异”的方案，甚为不解。 |
| 移动端 | 黄林晴 | Compose开发中的一些实用小技巧~ | 在Compose开发的过程中，我们会经常遇到一些看起来很简单却不知道如何处理的小问题，比如去除点击阴影、Dialog全屏等问题，本文记录了这些常见小问题的处理方式 |
| 移动端 | newki | Kotlin对象的懒加载方式？by lazy 与 lateinit 的异同 | 属性或对象的延时加载是我们相当常用的，一般我们都是使用 lateinit 和 by lazy 来实现。他们两者都是延时初始化，那么在使用时那么他们两者有什么区别呢？ |
| 移动端 | 长安皈故里 | 移除Message的各式各样的方法，你了解吗？ | 本篇文章主要介绍MessageQueue提供的各种移除Message的方法，大概有八九个，接下来会对其中比较典型的移除方法进行详细分析。 |
| 移动端 | Coolbreeze | Flutter中如何构建显式动画 【教学】 | Flutter 中的动画系统基于类型化的 Animation 对象。 Widgets 既可以通过读取当前值和监听状态变化直接合并动画到 build 函数，也可以作为传递给其他 widgets 的更精细动画的基础。 |
| 移动端 | 茶底世界之下 | 超实用开发加速工具收集，分享给你吧～ | 汇总整理日常开发常用分类集合 |
优秀作者推荐｜下午茶
推荐作者来源于月榜上榜作者，欢迎大家关注榜单小助手，了解更多优质作者：juejin.cn/user/443367…
| 领域 | 用户名 | 简介 | 个人主页链接 |
|---|---|---|---|
| 前端 | 林语琛 | 前端开发-杭州同花顺 | juejin.cn/user/413458… |
| 后端 | 变成派大星 | 全栈开发-渣渣银行 | juejin.cn/user/544946… |
| 移动端 | equationl | 非科班出身的程序猿，在流水线打了三个月螺丝后怒而提桶做安卓开发 | juejin.cn/user/352688… |
趣味码上掘金分享｜下午茶
| 作者 | 代码介绍 | 简介 |
|---|---|---|
| CatWatermelon | ⏰⏰ 手把手实现一个进度条时钟，麻麻再也不用担心我把时间看茬了！ - 掘金 (juejin.cn) | 手把手实现一个进度条时钟 |
📖 投稿专区｜下午茶
大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在近1-3天内；可以推荐自己的文章、也可以推荐他人的文章。
| 文章分类 | 作者 | 文章 | 简介 |
|---|---|---|---|
| 人工智能 | LolitaAnn在掘金 | 诸神黄昏时代的对比学习 | 对比学习的发展非常繁荣，本文主要讲解MoCo和simCLR出来之前的一些工作，那个时候没有实现“大一统”。所以任务比较局限，也比较杂乱。大家百花齐放，工作层出不穷丰富多彩。 |
| 人工智能 | LolitaAnn在掘金 | “军备竞赛”时期的对比学习 - 掘金 (juejin.cn) | 这篇文章是MoCo和SimCLR出来了，然后对比学习界主要就成了这两个模型之间的大战，你升级了我升级，道高一尺魔高一丈。 |
| 人工智能 | LolitaAnn在掘金 | SimCSE，丹琦女神把对比学习用到了NLP中了！ | 对比学习最早应用于图像领域，丹琦女神最早将对比学习应用到了自然语言处理领域，本文带大家解读了这篇文献 |
| 人工智能 | LolitaAnn在掘金 | 你们居然还在用负样本做对比学习？ | 回忆一下我们前边提到的对比学习。这个学习的一个重点就是设置正样本和负样本进行对比，不同的对比学习之间最大的区别就是正负样本的选择方式 |
