缓存 手动keepalive vue
美团面试：Redis 除了缓存还能做什么？可以做消息队列吗？
这是一道面试中常见的 Redis 基础面试题，主要考察求职者对于 Redis 应用场景的了解。 即使不准备面试也建议看看，实际开发中也能够用到。 内容概览： Redis 除了做缓存，还能做什么？ 分布式锁：通过 Redis 来做分布式锁是一种比较常见的方式。通常情况下，我们都是基于 Redisson ......
springboot-vue 项目
一 、后端 @Controller一般 在controller中return返回的是一个地址@RestController 返回的是一个数据(json)，在前后端分离都是用@RestController @RequestParam 与浏览器上的值作为绑定(如果name写错，也能传递)，不过写了之后一 ......
群辉NAS DS920+ M.2缓存改存储盘
1.准备阶段 开启远程SSH端口,并连接至群辉NAS 连接SHH,进入后输入 sudo -i 切换为root模式 2.删除原有的SSD缓存 3.查看磁盘命令 # 查看所有磁盘 ls /dev/nvme* # 查看具体的磁盘,这里nvme0n1以及nvme1n1 都为缓存盘 fdisk -l /dev ......
[vue]精宏技术部试用期学习笔记 III
精宏技术部试用期学习笔记（vue） 父子通信 什么是通信 / 为什么要通信 通信即在不同组件之间传输数据 当在 复用组件 时，需要传递不同数据达成不同的表现效果 能够根据其他组件的行动，响应式 的做出变化 Props 功能: 让父组件信息传递到子组件 code: 假定 index.vue 已经通过 ......
35-Vue脚手架-全局事件总线（使用全局事件总线优化Todo-List案例）
全局事件总线（GlobalEventBus） 1. 一种组件间通信的方式，适用于任意组件间通信 2. 安装全局事件总线 new Vue({ ... // 生命周期 beforeCreate 这时vue还未解析模板，初始化的数据监测、数据代理还未开始 beforeCreate() { // 安装全局事 ......
vue用法汇总--包含各种控件（大部分是vue3）
1、导航功能 <template #header> <div class="card-header"> <el-icon><Watch /></el-icon> <span>实时排班信息</span> </div> </template> 2、 日期 1 <el-form-item> 2 <el-d ......
vue3.0父级组件调用子组件方法
vue3.0父级组件调用子组件方法 场景：在页面开发过程中，我经常涉及到不同组件之间的元素和方法的调用。就此记录在vue3.0项目，也是我开发的开源项目中的实现方式。 父级组件调用子级 1.应用场景 以下以我的代码实现为例：在左侧菜单中，通过点击新建会话，在会话列表中新建一个会话框。 其中：会话列表 ......
Docker打包前端vue代码推送镜像到远程仓库
Docker打包前端vue代码推送镜像到远程仓库 目录Docker打包前端vue代码推送镜像到远程仓库业务场景：📝1.将前端代码www包解压后放在本地临时目录，然后创建一个dockerfile📜 2.登陆自己远程仓库📒3.构建镜像🔖4.给镜像打tag📖5.推送镜像到远程仓库🖊️最后总结 ......
Jenkins手动安装低版本插件
一 问题 用的低版本jenkins，不支持高版本的插件，需要手动安装适配的低版本插件 jenkins -- 2.346.1 二 解决 https://zhuanlan.zhihu.com/p/647731370 http://updates.jenkins-ci.org/download/plugi ......
keepalive 跳转到某个页面缓存 否则不缓存 缓存浏览的位置
export const KeepaliveListMixin = { /** * 两个路由守卫 实现 从详情返回到列表 列表页面缓存 否则就不缓存 */ beforeRouteEnter (to, from, next) { to.meta.keepAlive = true; next() }, ......
lottie在vue中的使用
lottie官网：https://lottiefiles.com/ 1.安装依赖 npm install lottie-web 2.创建lottie组件 <template> <div :style="style" ref="lavContainer"></div> </template> <scr ......
vue3项目 - 手写可拖拽带进度监控的文件上传组件
1.实现原理： 原生的上传文件组件： <input ref="uploadFileRef" style="display: none" type="file"/> 自定义上传区域： 拖拽事件添加（dragover，dragenter，drop），点击事件添加（click） 调用原生上传组件的clic ......
在线直播系统源码，vue实现搜索文字高亮功能
在线直播系统源码，vue实现搜索文字高亮功能 1、在页面中使用v-html渲染 <template> <div class="box"> <!-- 搜索框 --> <div class="mySearch"> <van-search v-model="PopUpSarCh" show-action ......
分享一个HTML页面适配方式:用户手动缩放
<meta name="viewport" content="width=device-width,initial-scale=1.0"> 这个配置告诉浏览器自动将页面的宽度设置为设备的宽度（通常是屏幕宽度），并将初始缩放比例设置为 1.0。这通常用于确保网页在移动设备上以完整的屏幕宽度显示，而不需 ......
vue vue.config.js 配置
1. 开启 sourceMap // 显示 sourceMap , 便于调试 // process.env.NODE_ENV 有的是 dev/prod, 有的是 development/production, 需要自己确认下 productionSourceMap: process.env.NODE ......
如何直接点vue打包生成的dist查看效果
在vue.config.js的文件中添加代码：publicPath:'./' 写完之后npm run build重新打包 双击打开dist里面的index.html就可以看到效果了 ......
Vue.js 无法监听form表单变更问题的解决
当使用 Vue.js 构建应用程序时，通常我们会涉及到处理数据和响应用户的操作。Vue.js 提供了强大的响应式系统来自动追踪数据的变化并更新视图。然而，有时候可能会遇到一个常见的问题：当你尝试添加一个新属性到对象时，Vue.js 的响应式系统无法自动检测到这个更改，因为它不会立即监视新属性的变化。 ......
缓存【分布式缓存高可用方案】
一、简介 上图所示，我们在服务层和数据库层之间增加一个缓存层，现在我们读取数据的时候，先从缓存里面读取，读不到的再去读数据库。 既然我们引入了缓存，那肯定是想更多的请求尽量落在缓存上，也就是说我们必须要关注缓存命中率，命中率越高就代表我们的后端存储就越不容易被拖垮成为性瓶颈，如果我们的缓存命中率下降 ......
vuejs3.0 从入门到精通——基于 Vite 搭建 Vue3 项目
基于 Vite 搭建 Vue3 项目 一、为什么选 Vite https://www.vitejs.net/ 在浏览器支持 ES 模块之前，JavaScript 并没有提供的原生机制让开发者以模块化的方式进行开发。这也正是我们对 “打包” 这个概念熟悉的原因：使用工具抓取、处理并将我们的源码模块串联 ......
缓存【Cache Aside Pattern】
一、简介 Cache Aside Pattern 旁路缓存策略，分为读策略和写策略。 二、读写策略 旁路缓存策略，以数据库的数据为基准的，而缓存是按需才加载。 2.1、读策略 先从缓存中读取数据。 如命中缓存，直接返回。 如未命中缓存，则去查数据库。 查到数据库的数据，回写缓存。 2.2、写策略 先 ......
Vue 组件 v-full 监听浏览器进入退出全屏事件
1、新建 full.ts // 导出Full对象 export const Full = { // 挂载函数 mounted(el: any, binding: any) { // 获取传入的函数 const handler = binding.value // 设置事件监听的参数 const op ......
vue 设置图片背景
css类 <template> <div class="home"> <HelloWorld msg="Welcome to Your Vue.js App"/> </div> </template> <style> .home { height: 100%; width: 100%; backgr ......
CPU缓存伪共享
CPU缓存什么东西？当然这个问题很多人有可能觉得比较傻，CPU缓存什么，肯定是缓存数据（代码）啊，要不然还能缓存啥，这个确实没问题，但是CPU到底缓存什么样的数据呢？因为对CPU来说，无论是指令，还是数据，都是数据，他如果要缓存，缓存的单位是啥？要缓存的内容是啥呢？ 接下来咱们一点点解析这部分的内容 ......
[20231023]为什么刷新缓存后输出记录顺序发生变化6.txt
[20231023]为什么刷新缓存后输出记录顺序发生变化6.txt--//前几天做了单表刷新缓存后输出记录顺序发生变化的情况，测试2个表的情况时遇到一个奇怪的现象。--//我前面的测试18c，如果使用10046跟踪看不到我遇到的情况，我想使用strace跟踪，发现该机器配置使用asm,strace跟 ......
【keng】 Vue2 多次传参进入同一页面 页面不走生命周期函数
比如 一个搜索跳转功能 搜索 123 进入页面加载数据 再次搜索 456 还是进入这个页面 这个页面就不会走生命周期了 解决方案 在App.vue 上 为 router-view 增加一个key 这个key 就是随便写一个随机数就可以 不要重复 eg: ......
[vue3] watch和watchEffect简记
watch的数据源 watch函数的第一个参数是监听的数据源，可以是： ref和computed创建的响应式数据； reactive创建的响应式对象； getter函数； 多个数据源组成的数组； 注： 响应式对象的属性需要使用getter监听。 当数据源是响应式对象时，其属性的变更会触发回调函数，但 ......
Vue3中使用Element Plus Icon图标
1. 安装 npm install element-plus --save 2. main.js 引入 import * as Elicons from "@element-plus/icons-vue"; for (const name in Elicons) { app.component(na ......
Vue动态添加style样式
最近在用uniapp开发安卓app，由于语法跟vue一致，就梳理了下动态添加style的方法： Object :style="{ fontSize: fontSize + 'px' }" :style="{ fontSize:( fontSize ?fontSize :'12')+'px'}" Ar ......
Vue 的最大的优势是什么？
Vue 作为一款轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快，并且作者是中国人尤雨溪，对应的 API 文档对国内开发者优化，作为前端开发人员的首选入门框架 Vue 的优势: Vue.js 可以进行组件化开发，使代码编写量大大减少，读者更加易于理解。 Vue.j ......