缓存 手动keepalive vue
vue3配置stylelint
stylelint为css的lint工具,可格式化css代码,检查css语法错误与不合理的写法,指定css书写顺序等。 以scss作为预处理器为例,看如何配置stylelint1. 安装以下依赖 pnpm add sass sass-loader stylelint postcss postcss- ......
10. Mybatis的缓存
Mybatis 中一级缓存的默认实现是基于一个 HashMap 的内存缓存,其中缓存的 key 由 SQL 语句、查询参数、环境 ID 组成,value 为查询结果列表。缓存的数据是和 SqlSession 相关的,并且在 SqlSession 的生命周期中有效。一级缓存是 SqlSession 级... ......
【Redis】【缓存】什么是缓存雪崩、击穿、穿透?
1 前言 用户的数据一般都是存储于数据库,数据库的数据是落在磁盘上的,磁盘的读写速度可以说是计算机里最慢的硬件了。 当用户的请求,都访问数据库的话,请求数量一上来,数据库很容易就奔溃的了,所以为了避免用户直接访问数据库,会用 Redis 作为缓存层。 因为 Redis 是内存数据库,我们可以将数据库 ......
vue-router的next()方法
1.`next()`:进入管道中的下一个钩子。如果全部钩子已经执行完毕,则导航的状态就是confirmed(确认的) 2.`next(false)`:中断当前的导航。如果URL改变了(可能是用户手动输入或者浏览器后退),那么URL地址会重置到from路由对应的地址 3.`next('/')`或者`n ......
基于JAVA的springboot+vue人事管理系统、员工工资管理系统,附源码+数据库+论文+PPT
**1、项目介绍** 考虑到实际生活中在人事管理方面的需要以及对该系统认真的分析,将系统权限按管理员和员工这两类涉及用户划分。 (a)管理员;管理员使用本系统涉到的功能主要有:首页,个人中心,员工管理,部门管理,员工考勤管理,请假申请管理,加班申请管理,员工工资管理,招聘计划管理,员工培训管理,部门 ......
Vue 生命周期
# Vue 生命周期 ## 1.1 简单实现打开页面 ### 1.1.1 元素透明度变化 ```HTML 欢迎来到王者荣耀 ``` ### 1.1.2 方式二 methods 放函数,加载模板触发死循环 ```HTML 欢迎来到王者荣耀 {{ change() }} ``` ## 1.2 使用生命周 ......
Vue——计算属性、监听属性、Vue生命周期、组件介绍和使用、组件间通信、ref属性
## 计算属性 ```html // 1 计算属性是基于他们的依赖变量进行缓存的 // 2 计算属性只有在它的相关依赖变量发生改变时才会重新求值,否则不会变(函数只要页面变化,就会重新运算) // 3 计算属性就像python中的property装饰器,可以把方法/函数伪装成属性 // 4 计算属性 ......
vue之生命周期钩子
[toc] # 一、生命周期图 ## 1.官方原图 ## 2.理解的图 # 二、生命周期 > new Vue() >创建出来 》页面关闭 》被销毁掉 》整个整个过程经历了一个周期 》vue帮咱们提供了一些钩子函数[写了就会执行,不写就不执行],到某个阶段,就会触发某个函数的执行new Vue() > ......
分布式缓存
常见缓存中间件:Memcached mongoDB RedisMemcached: 简单 key-value 数据结构,不支持持久化(可重启缓存功能并不算),不支持集群(客户端自己控制),性能强。mongoDB: 数据结构非常全面的文档型数据库,支持持久化,支持集群,性能中等。Redis:技能五种基 ......
vue之
[toc] # 一、计算属性 - 1 计算属性是基于它们的依赖变量进行缓存的 - 2 计算属性只有在它的相关依赖变量发生改变时才会重新求值,否则不会变(函数只要页面变化,就会重新运算) - 3 计算属性就像Python中的property,可以把方法/函数伪装成属性 - 4 计算属性,必须有返回值 ......
VUE大文件分片上传/多线程上传
我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 首先我们需要了解的是上传文件三要素: 1.表单提交方式:post (get方式提交有大小限制,post没有) 2.表单的enctype属性:必须设置为multipart/form-da ......
vue3开发者工具
vue3 和 vue2 的开发者工具是不兼容的 Vue3 要重新安装自己的开发者工具,有两种安装方式: 1.在线搜索: 第一个Vue3的开发者工具; 第二个为Vue2的开发者工具 选择添加至 chrome: 再点击 "添加至扩展程序": 如果很确定写的是vue3项目可以选择把vue2的开发者工具禁用 ......
vue的生命周期
生命周期Life Cycle 含义 指一个组件从创建->运行->销毁的整个时间段,强调的是一个时间段。 生命周期函数 含义 vue框架提供的内置函数,会伴随组件的生命周期,自动按次序运行。 分类 组件创建阶段 组件运行阶段 组件销毁阶段 1. 组件创建阶段 最多只执行一次 new Vue() ——> ......
Mybatis 一级缓存与二级缓存
本文转载于:[Mybatis一级缓存与二级缓存的区别你知道吗](https://blog.csdn.net/m0_48795607/article/details/127001754 "Mybatis一级缓存与二级缓存的区别你知道吗") ## Mybatis 缓存 缓存就是内存中的数据,常常来自对数 ......
vue之事件指令&属性指令&条件渲染&列表渲染&数据双向绑定&处理事件&过滤案例
## 1.事件指令 ```python v-on:事件名='函数' 简写成 @事件名='函数' ``` ### 1.1 vm对象和vm函数传参 ```html vm对象 {{name}} 点击! vm函数传参 按下! 事件对象 按⬇️! 按🦐! ``` ```js // 事件指令start let ......
win11 安装 Vue
Win 安装 Vue Vue 官网文档 vue官网 下载 node.js https://nodejs.org/en# 安装 v8.9 以上的版本 推荐 v10 及以上# 我下载的版本9.5.1 版本链接:https://pan.baidu.com/s/19ekl3NRo4vtfv1Dp5K9kog ......
VUE+elementUI前端导出解决方案,截断,清晰度,页边距,页眉页脚,富文本都处理了
pdfLoader.js /* * @Description: html转pdf 新版解决方案 * @Author: jeseven/wwl * @Date: 2023-05-23 10:03:57 * @LastEditTime: 2023-05-23 10:23:22 * @LastEditor ......
Vue2知识点简要
一、双向绑定原理 Vue2采用的是观察者-发布订阅模式,利用Object.defineProperty实现对数据已定义属性的监控(定义观察者模式), 编译DOM时解析v-model等属性以及对input框等注册事件实现UI和JS的交互(也就是注册发布订阅这模式); 详细的是主要是定义一个Observ ......
1.Vue简介
Vue 的两个核心功能: 声明式渲染:Vue 基于标准 HTML 拓展了一套模板语法,使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。 响应性:Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM。 渐进式框架: 无需构建步骤,渐 ......
vue 中判断向上滚动还是向下滚动
转载于 https://www.cnblogs.com/xianxiaoan/p/11073079.html <script> export default { data(){ return{ i = 0 } }, mounted () { window.addEventListener('scro ......
关于CPU缓存层级
CPU的缓存层次结构通常是:- 寄存器(Registers):第一层缓存,容量小但速度最快,由 CPU 直接管理。- 一级缓存(L1 Cache):第二层缓存,容量小但速度仅次于寄存器,集成在 CPU 中。- 二级缓存(L2 Cache):第三层缓存,容量较 L1 大但速度稍慢,也集成在 CPU 中 ......
vue2插槽的透传
多组件嵌套的情况下,有时候会希望父组件向孙子组件(或者更小的辈分)的slot中插入内容, 显然,这需要在孙子组件里面用``, 在父组件里面用``。但是在子组件中应该如何进行插槽的声明,才能做到类似中继的作用呢。 一般地,我们可以用下面的方式来声明: ```vue $emit('fetched-dat ......
Vue-Cli笔记
# Vue-Cli笔记 ## 新手上路 在创建模式的时候,选择最后一个模式:自定义模式,创建项目,只需勾选下图3个配置,使用空格进行选择和不选择。 ![image-20220426201153396](https://picfortypora.oss-cn-hangzhou.aliyuncs.com ......
Vue笔记
Vue笔记 vuex-router-sync插件: https://segmentfault.com/a/1190000037680351 学到vue.js路由就没学了! 还有过渡和动画、混入、AJAX、响应接口没学 进度:https://learning.dcloud.io/#/?vid=5 ht ......
Vue-flask 展示小电影
## 显示小电影 ### 前端Vue ```html 点我加载小电影 电影名字:{{item.name}} 导演:{{item.director}} 电影介绍:{{item.synopsis}} ``` ### 后端flask ```python from flask import Flask, j ......
Vue自定义指令-让你的业务开发更简单
## 1、使用场景 在日常开发中,我们会将重复代码抽象为一个函数或者组件,然后在需要时调用或者引入。但是,对于某些功能,这种方法可能不够优雅或者不够灵活。例如,我们可能需要在DOM元素上添加一些自定义属性或者绑定一些事件,这些操作可能难以通过函数或组件来实现。这时,[自定义指令](https://v ......
Vue router 二级默认路由设置
### 一、起因 打开默认地址 / (http://localhost:5432/),home 页面有空白,因为没有指定默认打开的子页。 ```js // router.js export const constantRoutes = [ { path: '/', component: () => ......
【VUE】Vue事件与表单处理02
一、事件与表单处理 1、v-on 监听事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name= ......