缓存 手动keepalive vue
Vue3 通过ossId 调用接口获取文件信息，多个或单个
天呐，离谱了兄弟们！ 关于文件上传的问题，在表单提交的时候，对于上传的文件要，新增或修改的接口要传 ossId，但是回显的时候又没有给我 ossId，只有文件信息，导致修改的时候就有问题。还有多文件的时候，多个就让我传 文件路径，单个就传 ossId。 我信你个鬼！ 直接让后端回显的时候不要给我返回 ......
Vue 用户30分钟未操作，页面跳转到登录页
<template> <div id="app"> <router-view ></router-view> <TipDialog v-if="tiptype"></TipDialog> </div> </template> <script> import TipDialog from "@/com ......
vue中清除Cookie方法
delCookie() { var cookies = document.cookie.split(";"); for (var i = 0; i < cookies.length; i++) { var cookie = cookies[i]; var eqPos = cookie.indexOf ......
vue消息订阅与发布
1.点一下加号： 2.安装第三方库：（pubsub-js，实现消息发布订阅也可以用其他库） 3.从收数据的人引入库“【引入之后的pubsub是一个对象，对象身上有很多有用的方法】 4.收数据的人订阅消息：【subscribe后面两个形参，第一个为消息名，第二个才是消息内容】 还需要注意订阅消息的人最 ......
Web缓存机制之http缓存
啥是缓存？ 当从客户端向服务端获取资源，需要建立链接，资源传输等一系列消耗，为了方便下次获取的资源更快，性能开销更小，是不是可以把第一次获取的资源储存起来，下次直接拿呢，没错这就是缓存。 存哪了？ 好了知道什么是缓存了，那么缓存具体存哪了？ Service Worker W3C 组织早在 2014 ......
vue3 列表循环使用及key用法
<template> <div> <p v-for="(item,index) in names" :key="index">{{item}}{{index}}</p> </div> <div v-for="value,key in results">{{key}}-{{value}}</div> ......
vue3 条件判断语句及v-if与v-show 区别
<template> <div v-if="type 'a'">aaa</div> <div v-else-if="type 'b'">bbb</div> <div v-else>ccc</div> <div v-show="flag">111</div> </template><script> e ......
vue前端model和data强关联
 如果不关联会报错， 且错误不好找！ ![](https://img2023.cnblogs.com/blog/1 ......
vue3元素标签属性的绑定
<template> <div v-bind:id="main" v-bind:class="message">aaa</div></template><script> export default{ data(){ return{ message:'active', main:'mainid' } ......
Vue基础
[toc] # 一 属性指令 | 指令 | 释义 | | : : | : : | | v-bind | 直接写js的变量或语法（不推荐） | | : | 直接写js的变量或语法（推荐） | ```python # 标签上 name id class src href ,height 属性 如果这样， ......
Vue3 模板语法学习
<template> {{message}} {{number+1}} {{ok?'yes':'no'}}</template><script> export default{ data(){ return{ message:'aaa', number:10, ok:false } } }</scr ......
Vue介绍
[toc] # 一 前端的发展史 1. HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 - javascript=E ......
缓存击穿【Redis 缓存】
缓存击穿 缓存击穿问题也叫热点 Key 问题，就是一个被高并发访问并且缓存重建业务较复杂的 key 突然失效了，无数的请求访问会在瞬间给数据库带来巨大的冲击。 解决方案： 互斥锁 逻辑过期 ......
基于 Vue3 + TS 的前端结构
效果预览：  ![](https://img2023.cnblogs.com/blog/3214089/20230 ......
缓存雪崩【Redis 缓存】
缓存雪崩 缓存雪崩是指在同一时段大量的缓存key同时失效或者Redis服务宕机，导致大量请求到达数据库，带来巨大压力。 解决方案： 给不同的 Key 的 TTL 添加随机值 利用 Redis 集群提高服务的可用性 给缓存业务添加降级限流策略 给业务添加多级缓存 ......
缓存穿透【Redis缓存】
缓存穿透 缓存穿透是指客户端请求的数据在缓存中和数据库中都不存在，这样缓存永远不会失效，这些请求都会打到数据库。 解决方案： 1. 缓存空对象 优点：实现简单，维护方便 缺点： 额外的内存消耗 可能造成短期的不一致 2. 布隆过滤 优点：内存占用较少，没有多余的 key 缺点： 实现复杂 存在误判可 ......
Spring Bean生命周期之三级缓存循环依赖
[toc] # 1 三级缓存 在使用 `spring`框架的日常开发中， `bean`之间的循环依赖太频繁了， `spring`已经帮我们去解决循环依赖问题，对我们开发者来说是无感知的，下面具体分析一下 `spring`是如何解决`bean`之间循环依赖，为什么要使用到三级缓存，而不是二级缓存？ [ ......
ant-design-vue中官网案例树穿梭框的疑问
网上： 我把官网这个案例的树改成支持父节点选择之后子节点也能被选中（移除案例中的checkStrictly），但是通过父节点选择之后子节点无法取消选择了（其实已经被取消选中但是勾选状态没变）。 我把handleTreeData方法去掉了，不设置disabled好像没什么问题工作中的实际问题： 只需选 ......
使用vue出现Uncaught TypeError: Vue is not a constructor错误
原因是vue2和vue3写法不对 正确是 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="https://unpkg.com/vue@nex ......
socket.io-client+Vue3使用
客户端代码  服务端代码  缓存 约束的数据结构。 实现 LRUCache 类： LRUCache(int capacity) 以 正整数 作为容量 capacity 初始化 LRU 缓存 int ge ......
Vue中omit的作用
> 在 Vue 中，"omit" 是一个常用的操作，用于过滤或省略属性。它主要用于组件开发中，用于传递属性给子组件时选择性地排除某些属性。 当你在 Vue 组件中使用 v-bind 或 : 语法来传递属性时，你可以使用 "omit" 来排除不需要的属性。例如，假设你有一个父组件传递属性给子组件的示例 ......
Vue.js 状态管理库 Pinia
## 概述 Pinia 是一个用于 Vue.js 应用程序的状态管理库。它是由 Vue Storefront 团队开发的，旨在提供简单、可扩展且高效的状态管理解决方案。 Pinia 基于 Vue 3 的新响应式系统，并通过使用 TypeScript 提供了强类型支持。它提供了一个类似于 Vuex 的 ......
记录--手把手教你Vue+ECharts+高德地图API实现天气预报数据可视化
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 所谓数据可视化，我们可以理解为从宏观角度来看一眼就能看出来整个数据的占比，走向。对于数据可视化，很多互联网公司是很看重这一块的，包括大厂；就比如阿里的淘宝，双十一的时候往往就需要将消费者的一些数据通过图的形式展现出来。接下来我们就来 ......
vue 按列合并单元格
# 要求 使用vue对每页表格进行单元格合并，每列纵向一致的内容合并，但要参照第一列合并情况，后面的列不能跨列合并，第二列和最后一列不合并。 # 思路 将首列进行合并单元格计算，然后依次将后面列按照首列合并结果进行分组，然后依次给每个分组进行合并单元格计算，最后依次将该列的多个分组内容合并。 完整的 ......
Vue插值语法，文本指令，事件指令v-on，属性指令v-bind
Vue插值语法： 总结：插值语法使用{{}}传入变量，相当于形参 script中data中传入变量值，相当于实参，vue将data的值传给{{}}中 html中： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl ......
Vue2入门之超详细教程十一-条件渲染
1、简介 条件渲染： 1. v-if 写法： (1) v-if=”表达式” (2) v-else-if=”表达式” (1) v-else=”表达式” 适用于：切换频率较低的场景 特点：不展示的DOM元素直接被移除 注意：v-if可以和:v-else-if、v-else一起使用，但要求结构不能被”打断 ......