Hello，又到了每日掘金时间。酱酱们的每日掘金新增优质作者介绍和码上掘金板块，专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！
本文字数3700+，阅读时间大约需要 15分钟。
- 【本期每日掘金】亮点：
- Vue 中从 template 到 jsx 语法指南
- 业务: 前后端实现二维码扫码登录-深度剖析
- 悟了，html2canvas截图原理，看看它是如何截图的？
- Chrome117发布：新的Web开发调试技巧都在这了
- ......
筛选规则：文章发布时间在本期「酱酱们的每日掘金」发布时间的 1-3 天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。
今日主理人｜每日掘金
本期每日掘金由 帅气的法医 负责制作，法医是一个长期活跃于沸点的最佳摸鱼手，热爱Coding，喜欢分享，五湖四海皆兄弟，欢迎大家一起在沸点摸鱼，在掘金创作。
每日干货｜每日掘金
主理人们会对近期（1-3 天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。
『前端』
大多数 Vue 开发者都习惯使用 template 模板语法 ，因为 template 模板语法 具有如下优点
还是老样子，先把产品的需求设计给理一理先。如果没有做过这一块的前端小伙伴，可能一脸懵逼。没事，我也一样，万事开头都不简单，所以需要我们花点时间精力梳理一下
通过对一个不是 bug 的 bug 的分析，尝试调试了一遍 html2canvas 的代码，弄懂了浏览器截图的原理及 html2canvas 的核心流程，并从中学到了几点新知识
hrome 更新了最新版本 Chrome 117，更新了很多实用的DevTools 新特性。首先介绍大家最熟悉的
Network面板，看看给我们带来了什么好玩的~
WebSocket 是一种网络传输协议，可在单个 TCP 连接上进行全双工通信 ，位于 OSI 模型的应用层。WebSocket 协议在 2011 年由 IETF 标准化为 RFC 6455，后由 RFC 7936 补充规范。Web IDL 中的 WebSocket API 由 W3C 标准化。
『后端』
通过对AKF模型的学习我们在工作实践中如果遇到类似的情况可以按照这个模型进行对系统拆分。当然我们也不要过度使用。不同的业务或者场景可能使用其中一个就足够用了，但是又有其他一些场景，已经按照XYZ轴拆分过一次了但是不够满足需求，可以再次在三个轴之一再次进行拆分，已达到满足业务需要的目的。
这篇主要介绍对慢 SQL 优化的一些手段，而在讲解具体的优化措施之前，我想先对 EXPLAIN 进行介绍，它是我们在分析查询时必要的操作，理解了它输出结果的内容更有利于我们优化 SQL。为了方便大家的阅读，在下文中规定类似 key1 的表示二级索引，key_part1 表示联合索引的第一部分，unique_key1 则表示唯一二级索引，primary_key 表示主键索引。
各大编程语言会教你，常量是不可变变量的一种类型。只要定义了常量，你就可以安心的用他。不用担心值在哪里就被程序莫名奇妙的给改了。
计算机网络在给我们带来便利的同时，也存在很多安全隐患，比如信息伪造，病毒入侵，端点监听，SQL 注入等，给我们日常生活造成很严重的影响。那么这篇文章我就跟大家聊聊常见的网络安全隐患，只作为科普，不能作为网安系列文章。
JDK在线程的Stop方法时明确不得强行销毁一个线程，要优雅的退出线程。何谓优雅退出线程，即业务将进行中请求正确被处理，取消待执行请求，执行资源回收，最终Thread Runable run 方法return 结束执行。首先问为什么要退出一个线程，再提问如何退出一个线程
『移动端』
我们都知道现在随便打开一个APP，启动页都是充斥着各种各样的广告，一般都是要等三到五秒钟才会自己关闭，或者用户手动点击跳过按钮直接进入首页，其实这件事在以前更为泛滥，已经到了无法忍受的地步，不知道是哪位变态产品想出来的
摇一摇进入广告，问题的关键在于TMD的设置的传感器参数非常灵敏，手机稍微动一下就触发打开广告的操作了，简直没人性。
Gradle 构建过程可以分为三个不同的阶段，每个阶段具有特定的功能和任务。
安卓内存优化是一个很重要的话题，有很多方面可以考虑，比如避免内存泄漏、减少内存抖动、优化图片加载、使用缓存和对象池等。下面我举一些代码案例，分别展示不合适的写法和高性能的写法。
RealityKit是一个用于构建应用程序、游戏和其他沉浸式体验的3D框架。尽管它是用面向对象的语言构建的，并使用面向对象的设计原则，但RealityKit的架构避免了大量使用组合的方式------其中对象是通过添加持有对其他对象的引用的实例变量来构建的------而是采用了一种基于实体组件系统（Entity Component System，ECS）的模块化设计，将应用程序对象分为三种类型之一。
对于属性，Swift 官方文档的释义是：访问存储在实例或类型中的存储和计算值。而属性包装器（Property Wrappers）是Swift 5.1 的新特性之一，它的主要作用是将通用的模板代码封装成一种简洁的表达形式，极大地提高了编码的效率。
📖 投稿专区｜每日掘金
👉 大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在近 1-3 天内；可以推荐自己的文章、也可以推荐他人的文章。