缓存 手动keepalive vue
vue2如何重写数组
Vue中使用Object.defineProperty重新将对象中的属性定义，如果是数组的话需要重写数组原型上的方法。 代码如下： 1 function notify() { 2 console.log('视图更新') 3 } 4 let data = { 5 name: 'jw', 6 age: ......
6.12 vue3的学习
1.创建vue3项目: 在cmd中首先找到需要保存的路径，输入vue create + vue项目的取名，和之前创建vue2是一样的 进行如下选择 2.vite创建vue3的方式 在cmd中首先输入npm init vue@latest 3.安装依赖和运行依赖 # 安装依赖 npm install ......
Vue项目学习
title: "Vue尝试" date: 2023-05-18T22:19:13+08:00 categories: ["Vue"] # Vue学习笔记 ## 一、二维数组尝试 ```js var vm = new Vue({ el: "#app", data: { huilv:[ [6.8540, ......
vue3
[toc] # 一 Vue3的变化 ## 1.性能的提升 - 打包大小减少41% - 初次渲染快55%, 更新渲染快133% - 内存减少54% ## 2、源码的升级 - 使用Proxy代替defineProperty实现响应式 - 重写虚拟DOM的实现和Tree-Shaking ## 3.拥抱Ty ......
Vue3基本功能实现
## vue3 介绍 ```python # Vue3的变化 # 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% # 2.源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tree-Shaking # 3.拥抱Ty ......
缓存雪崩、缓存击穿、缓存穿透原因及解决办法
缓存雪崩是指在缓存中的大量数据在同一个时刻全部过期，导致原本这些可以由缓存中间件处理的高并发请求，一下子全部打到数据库，导致数据库服务器崩溃的一种现象。那么出现缓存雪崩的原因可以有①：缓存中间件宕机。②：缓存中大部分key都设置了相同的时间，导致这些key在同一时间内全部失效。解决的方法： ①：可以 ......
Vue详介
Vue.js是一款流行的JavaScript框架，它可以帮助开发者构建交互式的Web应用程序。Vue.js的核心是一个响应式的数据绑定系统，它可以自动更新视图，使得开发者可以专注于业务逻辑而不必担心DOM操作。在本文中，我们将介绍Vue.js的一些核心概念和技术，以及如何使用它来构建现代Web应用程 ......
vue3的介绍,组合式api和配置项api，setup，ref函数，reactive函数，计算和监听属性，生命周期，toRef，vue3 setup写法
# 1 vue3 介绍 ```python # Vue3的变化 # 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% # 2.源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tree-Shaking # 3.拥抱T ......
vue解决跨域
vue-cli2 main.js import axios from 'axios' Vue.prototype.$axios = axios axios.defaults.baseURL = '/api' Vue.config.productionTip = false .vue var This ......
vue之elementui使用， vuex使用， Router使用， localstorage和sessionstorage,和cookie
[toc] # 一、elementui使用 **网址**：https://element.eleme.cn/#/zh-CN/component/installation ## **下载插件** ```python cnpm isntall -S element-ui@2.9 ``` ## **vue ......
前端vue可以左右滚动的切换的tabs tabs选项卡 滑动动画效果 自动宽度
前端vue可以左右滚动的切换的tabs tabs选项卡 滑动动画效果 自动宽度, 下载完整代码请访问https://ext.dcloud.net.cn/plugin?id=13003 效果图如下: #### 使用方法 ```使用方法 swiperTabList: ["2023-06-10","202 ......
vue实现简单的鼠标拖拽横向滚动 和 鼠标滚轮横向滚动
一.鼠标拖拽滚动 以下代码项目中直接使用即可，此种方法是通过鼠标拖拽进行滚动，滑动滚轮无效果。当然快捷键，shift+鼠标滚轮可以控制横向滚动，对用户来说体验不友好。 <div class="tab-list id="nav"> <div class="tab-item" v-for="(item, ......
基于vue+flask+sql的公司销售采购信息服务系统
一、介绍 本项目基于Flask+Vue+Mysql的后台服务系统，主要针对某一公司日常后台操作而开发的一系列功能，包含用户管理，客户管理，采购管理，销售管理，库存管理，财务管理，权限管理，数据管理等功能。 二、软件架构 软件后端使用Flask，数据库使用mysql数据库，前端主要使用vue_ui2 ......
uniapp vue3 setup + 云开发开发个人小程序
最近使用uniapp vue3 setup + 云开发开发了个人小程序，设计使用figma软件，看下成品截图吧（可以直接微信搜索【识光】小程序体验,或者最底部有码可以直接扫） ......
视频直播网站源码，vue tabs标签页 点击才加载
视频直播网站源码，vue tabs标签页 点击才加载 tabs标签页，默认加载显示第1个tab； <el-tabs v-model="tTab" type="card" style="height:100%" @tab-click="tTabClick"> <el-tab-pane label="J ......
直播系统搭建，vue插件之vue-seamless-scroll 无缝滚动
直播系统搭建，vue插件之vue-seamless-scroll 无缝滚动 使用 import vueSeamlessScroll from 'vue-seamless-scroll' //注册组件 components:{ vueSeamlessScroll} //template <vue-se ......
Vue路由使用总结
1、多级路由 （1）配置路由规则，使用children配置项： // 编写配置项 const router = new VueRouter({ routes: [ { path: '/about', component:About, }, { path: '/home', component: Ho ......
vue项目base64编码或者参数里面有 +号问题
当后端返回的链接的token或者参数里带有加号，浏览器打开链接时，页面通过使用this.$route.query.XXXX获取到的参数里 +号会变成空格，导致解密后部分内容变成乱码。解决方法：1.链接是后端返回时，需后端处理，将+号编码变成%2B，再返回链接进行跳转即可2.链接是前端写的话，可直接使 ......
vue Router的原理及传参方法
Vue Router 是 Vue.js 官方的路由管理器，它和 Vue.js 的核心深度集成，可以非常方便地实现单页面应用程序（SPA）的路由功能。Vue Router 的原理主要是通过监听 URL 的变化，根据不同的 URL 显示不同的组件，从而实现页面的切换和跳转。 具体来说，Vue Route ......
vue根据日期段获取重叠部分
// 获取日期数组中最大的日期 getDateMax(dataArr) { let max = dataArr[0]; for (let i = 1; i < dataArr.length; i++) { if (Date.parse(dataArr[i]) > Date.parse(max)) { ......
linux释放缓存
```sh 在Linux中，系统通常会将一部分内存用作缓存，以提高系统的性能。但是，当系统内存不足时，这些缓存可能会导致系统变慢或甚至崩溃。因此，有时需要清理Linux系统中的缓存来释放内存。以下是一些常见的清理内存缓存的方法： 释放PageCache：PageCache是一种内存缓存，用于存储文件 ......
SpringBoot：SpringWeb项目+Vue项目dist包整合成jar包
接到需求做一个小功能项目，其中还要配备前端页面，并且将前端打包进后端jar包内，由jar包运行。 项目结构 将Vue打包之后的dist文件放到resouces资源路径下 修改pom文件 将下面的build配置替换掉pom中的build <build> <finalName>自定义项目jar名称(可以 ......
【操作系统】【硬件结构】CPU 缓存一致性
1 前言 我们看了存储器的层次结构，知道CPU中有多级缓存，有共享的也有私有的，那么不可避免的一个问题就是缓存的一致性，这节我们来看看哈。 2 CPU Cache 的数据写入 随着时间的推移，CPU 和内存的访问性能相差越来越大，于是就在 CPU 内部嵌入了 CPU Cache（高速缓存），CPU ......
Vue考试复习
```vue App.vue --> --> ``` # 登录页面 ```vue 登录页面 注册 忘记密码 © 2023 MrFlySand ``` # 购物车 ```vue 搜索 序号 商品 单价（元） 数量 金额（元） {{value.name}} {{value.introduce}} ￥{{ ......
vue使用 elementUI中el-upload的遇到的问题总结
使用场景，使用el-upload上传文件，选择文件后不立即上传到服务器上，点击提交按钮时与其他form表单数据一起提交，类似的需求，相信有很多小伙伴遇到，可能也会遇到跟我一起的问题，在这里记录一下 <el-upload class="upload-file" action="" :on-change ......
springboot+vue留守儿童爱心网站，附源码+数据库+论文+PPT，远程包安装运行
**1、项目介绍** 留守儿童爱心网站采用了B/S结构，JAVA作为开发语言，数据库采用了B/S结构，Mysql数据库进行开发。该系统包括前台操作，后台由管理员和用户两个部分，一方面，为用户提供首页、宣传新闻、志愿活动、爱心捐赠、个人中心、后台管理等功能；另一方面，为管理员提供首页、个人中心、用户管 ......
前端 vue 自定义导航栏组件高度及返回箭头 自定义 tabbar 图标
前端vue自定义导航栏组件高度及返回箭头 自定义tabbar图标, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12986 效果图如下:  ## 1.Vue3简介 * **2020年9月 ......
B站缓存.m4s转成可以观看使用的.mp4
### Step 1: 寻找缓存文件 首先把视频缓存到手机 然后找到.m4s文件 路径一般是这个（作者用的是安卓系统） ![image](https://img2023.cnblogs.com/blog/3142466/202306/3142466-20230611172545515-8932727 ......
[Vue warn]: Error compiling template: Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.
##报错信息: [Vue warn]: Error compiling template: Component template should contain exactly one root element. If you are using v-if on multiple elements, ......