最近鉴于掘友们的热情召唤，我们终于把做了几百期的社群下午茶搬到站内了，酱酱们会一直陪伴，认真创作的掘友们，站内下午茶新增优质作者介绍和码上掘金板块，专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！
本文字数1800+，阅读时间大约需要 8 分钟。
【掘金酱的下午茶】亮点：
- 前端Vuer，请给你的项目加上 ESLint
- 最详细的 Vue3 + TypeScript 使用教程【值得收藏】
- Vue3+Node实现一个WebSocket即时通讯聊天室
- 我有 7种 实现web实时消息推送的方案，7种！
- MyBatis从入门到精通—源码剖析之延迟加载源码细节
- 既然有HTTP协议，为什么还要有RPC
- 别闹了，线程池是这样实现优雅退出的
- Flutter 小技巧之优化使用的 BuildContext
- ……
筛选规则：文章发布时间在本期「掘金酱的下午茶」发布时间的1-3天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。
每日干货｜下午茶
主理人们会对近期（1-3天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。
| 文章分类 | 作者 | 文章 | 链接 | 简介 |
|---|---|---|---|---|
| 前端 | # DevUI团队 | 前端Vuer，请给你的项目加上 ESLint | juejin.cn/post/712223… | ESLint 是一个插件式的 JavaScript / JSX 代码检查工具，用于检测和修复 JavaScript 代码中的问题，目标是让代码更一致并避免错误。 |
| 前端 | # 前端小菜鸡之菜鸡互啄 | 最详细的 Vue3 + TypeScript 使用教程【值得收藏】 | juejin.cn/post/712125… | 至于技术栈为什么由 react 转向 vue3，也是因为今年换了新工作，公司技术栈以vue3为主，刚好前段时间又接手了一个项目，就直接采用 Vue3 script setup typescript 开发，于是今天就想给大家分享下 script setup 结合 typescript 使用的一些技巧，如果这些技巧能够帮助到你，记得给我点个赞呦 👍 |
| 前端 | # 一碗周 | 【你的第一个socket应用】Vue3+Node实现一个WebSocket即时通讯聊天室 | juejin.cn/post/712196… | 这篇文章主要是用WebSocket技术实现一个即时通讯聊天室 |
| 前端 | # 逍丶 | # 用原生JS写一个简易版的台球 | juejin.cn/post/712233… | 突发奇想想用JS写一个台球小游戏，磕磕碰碰之后，算是实现了一个简易版的。用到的知识主要是通过递归来调用requestAnimationFrame，以及一些简单的三角函数角度计算。requestAnimationFrame就是一个JS动画帧，简单来说和定时器有点相似，但是动画呈现出来的效果比定时器更流畅,性能更好。 |
| 前端 | # 战场小包 | 【前端进阶】30行代码，手把手带你实现一款模板引擎 | juejin.cn/post/712225… | > 模板引擎(用于 Web 开发)是为了使用户界面与业务数据(内容)分离而产生的，它可以生成特定格式的文档，用于网站的模板引擎就会生成一个标准的 HTML 文档。模板引擎核心可以总结为两点: 模板文件、数据。 |
| 后端 | # 程序员小富 | 我有 7种 实现web实时消息推送的方案，7种！ | sourl.co/7MuW52 | 做了一个小破站，现在要实现一个站内信web消息推送的功能，对，就是下图这个小红点，一个很常用的功能。 |
| 后端 | # 共饮一杯无 | MyBatis从入门到精通—源码剖析之延迟加载源码细节 | sourl.co/Yi9DXm | 在开发过程中很多时候我们并不需要总是在加载⽤户信息时就⼀定要加载他的订单信息。此时就是我们所说的延迟加载。 |
| 后端 | # 小白debug | 既然有HTTP协议，为什么还要有RPC | sourl.co/vLK3Mc | 我想起了我刚工作的时候，第一次接触RPC协议，当时就很懵，我HTTP协议用的好好的，为什么还要用RPC协议？ |
| 后端 | # 假装懂编程 | golang之数组切片傻傻分不清楚 | sourl.co/NX8dMn | go开发者在日常的工作中slice算是用的比较多的了，在介绍slice之前，我们先了解下数组，数组相信大家都不陌生，数组的数据结构比较简单，它在内存中是连续的。 |
| 后端 | # 冰_河 | 【高并发】别闹了，线程池是这样实现优雅退出的 | sourl.co/KZDqSx | 本文，我们就来从源码角度深度解析线程池是如何优雅的退出程序的。 |
| Android | # 恋猫de小郭 | Flutter 小技巧之优化使用的 BuildContext | sourl.co/LUvbwh | Flutter 里的 BuildContext 相信大家都不会陌生，虽然它叫 Context，但是它实际是 Element 的抽象对象，而在 Flutter 里，它主要来自于 ComponentElement 。 |
| Android | # 元浩875 | Android View | Canvas详解 | sourl.co/3Bd4dv | 首先我们要明确一件事，就是这个Canvas，直接翻译是画布的意思，不过这里我们把它理解为一种绘制的规则，用来规定绘制的内容。所以内容实际上是绘制在屏幕上的，Canvas只是指定了绘制内容的规则，内容的位置由坐标决定，坐标是由画布而言的。 |
| IOS | # 小小小_小朋友 | iOS开发·背景模式教程：入门 | sourl.co/rpegni | iOS 4 的发布，Apple 于 2010 年开始允许应用程序在后台运行，并从那时起不断发展和改进后台模式。iOS 限制使用后台以改善用户体验并延长电池寿命。您的应用程序可以在特定用例的后台运行的最新位置，包括：播放音频、更新和从服务器获取的内容。 |
优秀作者推荐｜下午茶
-
推荐作者来源于月榜上榜作者，欢迎大家关注榜单小助手，了解更多优质作者：juejin.cn/user/443367… | 领域 | 用户名| 简介 | 个人主页链接 |
| - | - | - | - | 前端 | zxg_神说要有光 | 小册《typescript 类型体操通关秘籍》已上线 | juejin.cn/user/278801… | 后端 | 江南一点雨 | Java猿 | juejin.cn/user/444168… | 移动端 |xuyisheng | 《Android群英传》《Android群英传:神兵利器》作者 | juejin.cn/user/436361… |
摸鱼时刻｜下午茶
| 圈子 | 简介 | 沸点 | 链接 |
|---|---|---|---|
| 掘友请回答 | xdm，怎么破除迷信？ | xdm，家里人给我算命了 强烈反对我和我女朋友在一起 说两个生肖都是虎的人不能在一起 现在怎么办才能让他们不去信迷信 | juejin.cn/pin/7122293… |
| 掘友请回答 | “超级无敌喷火暴龙战士”你看咋样 | 有什么比较有意思的游戏昵称 | juejin.cn/pin/7123018… |
| 舌尖上的沸点 | 懒人快手菜又来了 | 今天做个《蒜蓉粉丝虾》整体时间大概是20分钟左右，简易版蒜蓉粉丝虾，不是蒸的那种，嗦粉丝太好吃了，粉丝比虾子还好吃！ | juejin.cn/pin/7122716… |
📖 投稿专区｜下午茶
大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在近1-3天内；可以推荐自己的文章、也可以推荐他人的文章。
今日主理人｜下午茶
本期每日掘金由ReganYue 负责制作。
PS：主理人目前正在招募中，有感兴趣的掘友们可以联系Captain
