Hello，又到了每日掘金时间。酱酱们的每日掘金新增优质作者介绍和码上掘金板块，专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！
本文字数3100+，阅读时间大约需要 15分钟。
- 【本期每日掘金】亮点：
- 集成WebSocket实现用户权限变更消息推送，自动刷新。
- 使用vue实现一个简单的图片浏览器功能
- 基于Chrome Devtools的远程调试实现
- Vue Conf 2023 精彩回顾，新语法草案助 Vue 继续封神
- “树先生”厌倦了，开源一根【树大师】(tree-lodash)
- 分布式锁的各种实现，一探究竟！
- ……
筛选规则：文章发布时间在本期「酱酱们的每日掘金」发布时间的 1-3 天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。
今日主理人｜每日掘金
本期每日掘金由 帅气的法医 负责制作，法医是一个长期活跃于沸点的最佳摸鱼手，热爱Coding，喜欢分享，五湖四海皆兄弟，欢迎大家一起在沸点摸鱼，在掘金创作。
每日干货｜每日掘金
主理人们会对近期（1-3 天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。
『前端』
前面我们已经实现了菜单权限控制，但是我们给某一用户改了权限后，用户在不刷新的情况下，还能操作没有权限的菜单。虽然我们后面会做接口权限控制，用户调用没有权限的接口时会报错，但是这样也不太好，所以我们在改用户权限时，希望后端给前端主动发一条通知，权限变更了，然后刷新一下页面才能继续使用。
在学习coderwhy老师的react课程中，coderwhy老师使用react实现了一个图片预览器功能，自己课后也抽时间使用vue完成了这个图片浏览器的功能，现在记录一下这个过程吧！下方是图片浏览器的github地址。
Devtools-Remote-Debugger正如其名，是一个基于最新版Chrome Devtools开发者工具构建的Web远程调试工具。它能够让Web开发者使用最熟悉的devtools调试工具来远程调试Web项目。
前两天 Vue Mastery 刚刚发布了 Vue Conf 2023 US 的视频，虽然这个大会已经过去一段时间了，但是还是有非常多的内容值得去总结。
希望你了解一下
tree-lodash的适用场景，并在合适的时候浅浅试用一下。了解一款 “像呼吸一样好用” 的"树操作"函数库；通过非常容易理解的动图，理解三种遍历策略
『后端』
今天我们讲讲分布式锁，网上相关的内容有很多，但是比较分散，刚好自己刚学习完总结下，分享给大家，文章内容会比较多，我们先从思维导图中了解要讲的内容。
事务具有 4 个特性：这四个特性通常称为ACID 特性。
网上对四个词的解析文章包括后续扩展的比如分布式事务的二阶段提交，三阶段提交，TCC等方式都有详细的说明，这里就不重复解释了
释放矢量搜索的力量：提高搜索结果效率，想象一下这样一个世界：搜索引擎不仅能理解你输入的单词，还能理解它们背后的上下文和含义。 这就是矢量搜索发挥作用的地方，它彻底改变了我们查找信息的方式并改善了用户的搜索体验。
分层架构的一个重要原则是：每层只能与位于其下方的层发生耦合。分层架构分两种：一种是严格分层架构，规定某层只能与直接位于其下方的层发生耦合；另一种是松散分层架构，允许任意上方层与任意下方层发生耦合。
『移动端』
音频可视化，一言以蔽之，就是声音到图像的转换。随着视觉工业时代的到来，用户逐渐重视产品的极致体验，在市场上诸多优秀的音乐类APP中，频谱动效 是一个经典的应用场景
在素材和代码模块的两个方向上进行包体优化，是比较容易操作，并且不会影响App稳定性的方案。在出包的工作流中，我们会启用精简代码以及代码混淆，优化产物中代码所占的体积。排查已经引入的依赖库，看是否存在未使用或者已经弃用的多余依赖。同时分析占容量较大的三方依赖，判断是否需要通过精简定制来降低容量。最终是排查素材，筛选体积，对不达标的素材进行重新制作，或者寻找替代方案，比如改用网络资源。
在发布组件的新版本时，开发者需要描述该组件的 GAV 基本信息，包括：groupId、artifactId、version 和 packaging 等。在协同开发的另一侧，依赖方也需要通过相同的 GAV 坐标来定位依赖项
随着移动互联网的快速发展，移动应用越来越注重用户体验。美团技术团队在开发过程中也非常注重提升移动应用的整体质量，其中很重要的一项内容就是页面的加载速度。如果发生冷启动时间过长、页面渲染时间过长、网络请求过慢等现象，就会直接影响到用户的体验，所以，如何监控整个项目的加载速度就成为我们部门面临的重要挑战。
📖 投稿专区｜每日掘金
👉 大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在近 1-3 天内；可以推荐自己的文章、也可以推荐他人的文章。
