前端 终端 实战vue

全局前置路由守卫视频 全局后置路由守卫视频 12.路由守卫 作用：对路由进行权限控制 分类：全局守卫、独享守卫、组件内守卫 全局守卫: //全局前置守卫：初始化时执行、每次路由切换前执行 router.beforeEach((to,from,next)=>{ console.log('beforeE ......

vue指令 Vue指令是Vue.js框架中最核心的一部分之一，用于处理DOM元素上的行为和属性，类似于jQuery的插件。Vue指令使用v-前缀表示，例如：v-if，v-for，v-bind，v-on等等。 以下是一些常用的Vue指令： 1. v-model：绑定表单元素到Vue实例数据，实现数据的 ......

Vue 中实现点击其他地方隐藏 `div` 的思路一般如下所示： 1. 给需要隐藏的 `div` 绑定一个 `v-show` 或 `v-if` 指令，初始状态为显示。2. 给整个页面或父级元素（比如 `body` 或者 `app` 组件，建议是根组件）绑定一个点击事件。3. 在点击事件的回调函数中， ......

开发笔记四 菜品管理业务开发 文件上传下载 文件上传介绍 文件上传，也称为upload，是指将本地图片、视频、音频等文件上传到服务器上，可以供其他用户浏览或下载的过程。文件上传在项目中应用非常广泛，我们经常发微博、发微信朋友圈都用到了文件上传功能。 文件上传时，对页面的form表单有如下要求: me ......

提问 C# Channel有哪些技巧 回答 判断管道中是否还有任务 return _channel.Reader.Count > 0; 结合Channel.CreateUnbounded （无边界管道)可实现整体任务缓存，避免重复写入 慎用ChannelWriter.Complete 这会造成管道关 ......

问题描述： 修改图像的功能，要实现的功能是这样的：点击确认按钮，然后连带着上面的头像也更新，是不是很简单，只需要一个刷新就行，但是事实上没这么简单，因为我的这个项目涉及到三个组件 这里面中间是一个子路由，然后上面是一个组件，左边是一个组件 然后这个就涉及到子父组件传值， 这个总布局是Doctor.v ......

Web 前端自动化测试是一种可以提高测试效率、减少测试成本和提高测试质量的方法，适用于各种类型的 Web 应用程序。本文谈谈前端自动化测试从入门到精通再到专家级的方案与思维！ ......

1. layuimini 最简洁、清爽、易用的layui后台框架模板。layui 页面的风格，分为iframe 多tab版本和单页版。 主要特性 界面足够简洁清爽，响应式且适配手机端。 一个接口几行代码而已直接初始化整个框架，无需复杂操作。 页面支持多配色方案，可自行选择喜欢的配色。 支持多tab， ......

1、说一说cookie sessionStorage localStorage 是什么，有什么区别? Cookie、sessionStorage 和 localStorage 都是在浏览器端存储数据的方式，它们的主要区别在于存储的数据范围、有效期和访问权限等方面。 Cookie Cookie 是一种 ......

报错如下：sharp: Command failed. cd C:\Users\xxx-api && yarn install yarn install v1.22.19un\Documents\my_files\A-Web-Project\service-categories\service-ca ......

问题描述 使用vue axios 向python+flask 搭建的服务端发起请求，请求成功后，前端无法拿到服务端添加到header中的token。 问题原因 前后端分离，默认reponse header只能取到以下信息 Content-Language Content-Type Expires L ......

Github仓库地址： https://github.com/imtudou/imtudou.microservices/tree/master/net/samples/rabbitmq 什么是消息中间件 MQ(message queue)，从字面意思上看，本质是个队列，FIFO 先入先出，只不过队 ......

Producer：生产者 Consumer：消费者 RabbitMQ：中间的框是一个队列-RabbitMQ 代表使用者保留的消息缓冲区 依赖 <PackageReference Include="RabbitMQ.Client" Version="6.4.0" /> 生产者代码 using Rabb ......

概念 延时队列,队列内部是有序的，最重要的特性就体现在它的延时属性上，延时队列中的元素是希望在指定时间到了以后或之前取出和处理，简单来说，延时队列就是用来存放需要在指定时间被处理的元素的队列 死信队列的一种，设置死信队列 TTL即为延迟队列 场景 订单在十分钟之内未支付则自动取消 新创建的店铺，如果 ......

概念 死信，顾名思义就是无法被消费的消息，字面意思可以这样理解，一般来说，producer 将消息投递到 broker 或者直接到queue 里了，consumer 从 queue 取出消息进行消费，但某些时候由于特定的原因导致 queue 中的某些消息无法被消费，这样的消息如果没有后续的处理，就变 ......

生产者将信道设置成 confirm 模式，一旦信道进入 confirm 模式，所有在该信道上面发布的消 息都将会被指派一个唯一的 ID(从 1 开始)，一旦消息被投递到所有匹配的队列之后，broker 就会 发送一个确认给生产者(包含消息的唯一 ID)，这就使得生产者知道消息已经正确到达目的队列了， ......

RabbitMQ 消息传递模型的核心思想是: 生产者生产的消息从不会直接发送到队列。实际上，通常生产者甚至都不知道这些消息传递传递到了哪些队列中。相反，生产者只能将消息发送到交换机(exchange)，交换机工作的内容非常简单，一方面它接收来自生产者的消息，另一方面将它们推入队列。交换机必须确切知道 ......

工作队列(又称任务队列)的主要思想是避免立即执行资源密集型任务，而不得不等待它完成。相反我们安排任务在之后执行。我们把任务封装为消息并将其发送到队列。在后台运行的工作进程将弹出任务并最终执行作业。当有多个工作线程时，这些工作线程将一起处理这些任务。 轮询分发消息 封装获取Channel代码 usin ......

在生产环境中由于一些不明原因，导致 rabbitmq 重启，在 RabbitMQ 重启期间生产者消息投递失败，导致消息丢失，需要手动处理和恢复。如何才能进行 RabbitMQ 的消息可靠投递呢？ 特别是在这样比较极端的情况，RabbitMQ 集群不可用的时候，无法投递的消息该如何处理呢？ 消息回退( ......

搭建集群 镜像队列 默认情况下node1创建的队列不会同步到node2上 此时如果已经发送到了一条消息到node1上的队列，该队列并不会备份到node2上此时node1宕机并重启，该消息会丢失，配置对应策略可保证集群上队列备份并且消息不丢失 负载均衡 生产者给node1发消息，此时node1宕机，但 ......

幂等性 MQ消费者的幂等性的解决一般使用全局ID或者写个唯一标识比如时间戳或者UUID或者订单消费者消费MQ中的消息也可利用MQ的该id来判断，或者可按自己的规则生成一个全局唯一id，每次消费消息时用该id先判断该消息是否已消费过 在海量订单生成的业务高峰期，生产端有可能就会重复发生了消息，这时候消 ......

vue路由懒加载是性能优化考虑的一种策略。 假如在router内需要引入一个component文件， import PrevComp from './components/prev-comp' import NextComp from './components/next-comp' 这是常规的文件 ......

视频 11.两个新的生命周期钩子 作用：路由组件所独有的两个钩子，用于捕获路由组件的激活状态。 具体名字： activated路由组件被激活时触发。 deactivated路由组件失活时触发。 Home.vue News.vue #components ##Banner.vue <template> ......

前端（二） 列表标签 1. 无序列表 <ul type="disc"> <li>冰</li> <li>草</li> <li>风</li> <li>火</li> <li>岩</li> </ul> type属性： ● disc（实心圆点，默认值） ● circle（空心圆圈） ● square（实心方块 ......

视频 10.缓存路由组件 作用：让不展示的路由组件保持挂载，不被销毁。 具体编码： <keep-alive include="News"> <router-view></router-view> </keep-alive> News.vue Home.vue Message.vue #compone ......

视频 router-link 最后会转成 标签， 有时候页面不是a标签就不能用router-link来写 9.编程式路由导航 作用：不借助<router-link> 实现路由跳转，让路由跳转更加灵活 具体编码： //$router的两个API this.$router.push({ name:'xi ......

微服务框架 go-kratos 中负载均衡使用 一、介绍 在前面这篇文章 负载均衡和它的算法介绍，讲了什么是负载均衡以及作用、算法介绍。 go-kratos 的负载均衡主要接口是 Selector，它是一个可插拔的设计。因为它设计的都是接口，只要实现了接口就实现了负载均衡。 go-kratos 在目 ......

原文链接：https://blog.csdn.net/qq_45832807/article/details/105429613 在vscode中没有像hubilder一样，创建vue文件后就自动生成vue模板。 但是我们可以自己创建vue.json文件自定义配置。 记录一下我自己配置的过程🤭 1 ......

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言： 梳理了一下项目中的PWA的相关用法，下面我会正对vue2和vue3的用法进行一些教程示例，引入离线缓存机制，即使你断网，也能访问页面。一旦用户访问了我们的网页，我们就像牛皮糖一样粘连着他，他永远都可以访问，即使断网也能访问。有一天 ......

添加如下js文件resizable.js： 1 // 支持上下左右四边拖动。若内部元素太贴边，不易触发拖动事件，最好在拖动一边加边框，使鼠标容易选中。 2 // 使用方式： 3 // <div v-resizable="'right, bottom'"> 4 export default { 5 i ......