缓存 手动keepalive vue
第十四篇 - vue页面跳转参数传递
本文介绍的一个vue页面调到第二个vue页面时，如何传递参数。 参考链接：https://blog.csdn.net/m0_73493077/article/details/126906574 第一步：先修改LoginPage.vue，跳转携带参数 /* eslint-disable */ <tem ......
从vue2过渡到vue3的配置修改和升级
1.卸载旧的vue-cli npm uninstall vue-cli -g 2.卸载旧版本的node(版本号可能不适用vue3) 3.进入node官网，下载并安装最新的稳定版本node (当前版本号：18.16.1) 3.1.检验是否安装成功 4.安装vue(当前版本号：3.2.13) npm i ......
缓存一致性问题
数据不一致解决方案 Cache Aside Pattern 这是比较经典的解决方案，总的来说就是在数据查询的时候： （1）先查询缓存，如果缓存中有数据的话直接返回缓存中的数据； （2）如果缓存中没有数据，则从数据库中进行数据获取，而后再将查询到的数据更新到缓存中； （3）在进行数据数据更新的时候，先 ......
nginx的keepalive和keepalive_requests(性能测试TPS波动)
当使用nginx作为反向代理时，为了支持长连接，需要做到两点： 从client到nginx的连接是长连接 从nginx到server的连接是长连接 保持和client的长连接： http { keepalive_timeout 120s 120s; keepalive_requests 10000; ......
vue开发 tinymce.js富文本插件报错：Cannot read properties of undefined (reading 'open')
应该是预加载的问题 因为需要同时展示多个富文本框 所以网上搜索到的 把v-if 换成 v-show是行不通的 最后想到办法 就是 再最外面再加一个 富文本 宽高设置成0 这样里面的富文本就能 正常使用了 k-rich-editor 是基于 tinymce 封装起来的富文本编辑器 ......
Vue3+.net6.0 八 监听器 watch，回调
有时候我们需要根据变量的变化去更改dom或者输出结果，也就是需要监听data部分，和Vue2一样，需要用到watch监听器。 简单例子，输入框绑定了context，当我们改变输入框的值时，watch里同名监听器context监听到了变化，通过判断新旧值是否有变化弹出提示。 需要注意的是： 1、监听器 ......
Vue3 遍历显示Json数组
在Vue项目中 遍历显示Json数组 以列表的形式显示的页面上 main.js 全局 json 对象 //全局json const globalData=reactive({ extTelTalkData: [ { userExten: "1000", userName: "刘亦菲", callSt ......
vue3 provide/inject使用
provide/inject 可解决深层组件传值问题 父组件 import { provide } from "vue"; const curValue = ref(props.modelValue); provide('curTabName',curValue); 子组件 import { inj ......
【补充】Django缓存与内置信号
# 【一】缓存的介绍 ## 【1】什么是缓存 - 简单概括就是将对数据库操作查询所得到的数据放入另外一台机器上(缓存)中 - 当用户再次请求时，直接去缓存中拿，避免对数据库的频繁操作，加快数据的显示时间 - 需要知道的是，缓存里面的数据一般都设置有超时时间，缓存一般用在数据变化不大，实时率不高的情况 ......
Elasticseach 的查询缓存
关于 Elasticsearch 的查询缓存，你想知道的都在这里 原文地址Elasticsearch 中有多种查询缓存，当一个查询请求执行后，他可能会被缓存下来，但是哪些查询会被缓存，哪些不会缓存，缓存了什么内容，什么时候失效，手册中并没有很系统的阐述，并且文档中也存在一些疑点，导致整个查询缓存体系 ......
VUE|创建一个基础的VUE应用
## 1 应用实例 参考官方文档 [应用实例 API | Vue.js (vuejs.org)](https://cn.vuejs.org/api/application.html) > 示例 ```javascript const {createApp} = Vue // 通过createApp创 ......
js：http-vue-loader从浏览器直接引入vue文件
doc ``` github: https://github.com/FranckFreiburger/http-vue-loader ``` index.html ``` ``` my-component.vue ``` Hello {{who}} ``` 使用 sass ``` ``` 使用 l ......
IOS开发-实现图片缓存优化性能
在Objective-C中,可以这么实现图片的本地缓存: 1. 创建一个用于存储图片的缓存文件夹； 2. 根据图片URL构建缓存文件名； 3. 检查缓存路径是否存在,如果存在直接读取缓存图片； 4. 不存在则从网络下载图片； 5. 保存图片到缓存,以名称cacheFilename； 6. 以后再加载 ......
Redis多级缓存
什么是多级缓存 传统缓存的问题 传统的缓存在请求到达Tomcat后，先查询Redis，如果未命中则查询数据库，存在以下问题： 请求要经过Tomcat处理，Tomcat的性能成为整个系统的瓶颈 Redis缓存失效时，会对数据库产生冲击 多级缓存就是充分利用请求处理的每个环节，分别添加缓存，减轻Tomc ......
分布式缓存
单点redis的问题 数据丢失问题：Redis是内存存储，服务重启可能会丢失数据。解决：数据持久化 并发能力问题：单节点并发能力不足。解决：主从集群，读写分离。 故障恢复：需要自动的故障恢复手段。解决：Redis哨兵，实现健康检测和自动恢复。 存储能力问题：单节点Redis难以满足海量数据存储。解决 ......
前端Vue自定义可自由滚动新闻栏tabs选项卡标签栏标题栏组件
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
key在vue中的作用与虚拟dom与diff算法
一。虚拟dom:(它是存在于内存中的) VNode的全称是Virtual Node，也就是虚拟节点；事实上，无论是组件还是元素，它们最终在Vue中表示出来的都是一个个VNode。VNode的本质是一个JavaScript对象。 其实虚拟Dom是真实Dom的一种状态。当真实Dom发生变化后，虚拟Dom ......
vue-day26--引出生命周期
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>引出生命周 ......
vue-day25--自定义指令总结
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>自定义指令 ......
vue-day25--自定义指令v-fbind
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>自定义指令 ......
vue-day25--自定义指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>自定义指令 ......
vue-day25--v-pre指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>v-pre ......
vue-day25--v-once指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>v-onc ......
对安装Linux的服务器进行缓存清除
对安装Linux的服务器进行缓存清除 原创 二河小鱼 人文历史与科学技术 2023-07-11 18:10 发表于江西 收录于合集 #服务器99个 #Linux运维101个 #清除缓存1个 安装Linux的服务器缓存过高导致服务器运行速度慢 第一步，查看当前服务器中Linux系统的状态。 命令：fr ......
vue-day23--v-html指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>v-htm ......
前端Vue仿美团右侧侧边栏弹框筛选框popup alert
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
vue-day22--v-text指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>过滤器</ ......
缓存
# 缓存 > 缓存，是一种减少I/O读写和CPU计算，以提升性能的手段。 # 缓存的使用 主要用在需要频繁读某些不变动，或者变动较少的数据的场景。一般使用场景是：应用中使用缓存，需要读数据时，先去缓存中查询。缓存中没有的话，再查数据库，查到数据后返回结果，并将结果写到缓存中。 ## 缓存分类 ### ......
vue -父子组件值传递
父组件：是指引用其他组件东西（这里叫attrgroup.vue） 子组件：是指被其他组件引用的东西(这里叫category.vue) 父组件引用子组件，如下： <template> <!-- tree 属性菜单 --> <!-- tree-node-click 是子组件自定义的事件，通过事件触发然后 ......