缓存 手动keepalive vue
Vue CLI 安装
安装这个新的包： npm install -g @vue/cli 你还可以用这个命令来检查其版本是否正确： vue --version 启动界面 vue ui ......
前端Vue自定义精美商品分类组件category 可用于电商应用分类页面
随着技术的不断发展，传统的开发方式使得系统的复杂度越来越高。在传统开发过程中，一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改，造成牵一发而动全身的情况。为了解决这个问题，我们采用了组件化的开发模式。通过组件化开发，可以有效地实现单独开发，单独维护，而且它们之间可以随意的进行组合。大大提升 ......
强制缓存和协商缓存以及栈溢出的垃圾清理问题
强制缓存和协商缓存是HTTP中常用的缓存机制，用于优化网页加载速度和减少服务器负载。 强制缓存：通过设置响应头信息中的Expires（过期时间）或Cache-Control（缓存控制）字段，客户端可以将服务器返回的资源缓存在本地，直到一定时间或过期时间到达。当再次请求该资源时，客户端可以直接从缓存中 ......
vue + ele 下拉选择框和下拉多选选择框处理
效果图如下：  取消 确定 ![](https://img2023.cnblogs.com/blog/127401 ......
vue 使用 eruda（移动端H5调试工具）
<script src="https://cdn.bootcdn.net/ajax/libs/eruda/2.3.3/eruda.min.js"></script> <script>eruda.init()</script> ......
Vue h5实现跳转百度、高德地图
1、在index.html文件引入js <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=3e4d1229e928904d97938107acc0305b&plugin=AMap.Geocode ......
vue中使用provide和inject依赖注入组件之间进行父子组件传值（也适用于嵌套路由）
父组件中： provide: function() { return { reload: this.reload // 父组件中的方法 } } 子组件中： inject: ['reload'] 使用：this.reload() // 也可传入参数 ......
高并发三大法宝之 缓存，消息队列，异步任务
1.缓存（常用redis） 将热点数据或者经常需要进行read的数据放到redis或者其他缓存中，可以极大的降低数据库的压力，遇到流量高峰时，不至于一下子就把数据库压垮了，使用springcache配合redis继续使用，也可以很方便的对数据进行缓存。 springcache 几个常用注解 @Cac ......
如何在VUE3中使用Axios
## 1、安装Axios `npm install axios` ## 2、封装一个api.ts `import axios from 'axios'; const api = axios.create({ baseURL:'http://localhost:8080', timeout: 1000 ......
Java面试题 P20：Redis篇：Redis做为缓存，数据的持久化是怎么做的？
Redis做为缓存，数据的持久化是怎么做的？ 在Redis中提供了两种数据持久化的方式：1、RDB 2、AOF ......
Java面试题 P19：Redis篇：Redis做为缓存，mysql的数据如何与redis进行同步呢（双写一致）
双写一致性：当修改了数据库的数据也要同时更新缓存的数据，缓存和数据库的数据要保持一致。 共享锁：读锁代码 排他锁，写数据。读锁和写锁的值要一致。 MQ异步消息通知： ......
vue.js:用el-breadcrumb显示当前路由(vue@3.2.36/element-plus@2.2.2)
一，代码: 官方文档地址： https://element-plus.gitee.io/zh-CN/component/breadcrumb.html 代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 2 ......
Java面试题 P18：Redis篇：Redis使用场景-缓存-缓存雪崩
缓存雪崩：是指在同一时段大量的缓存key同时失效或者Redis服务宕机，导致大量的请求到达数据库，带来巨大压力。 ......
【SpringBoot实现两级缓存】
##### spring boot中使用Caffeine + Redis实现二级缓存 ##### 1.依赖准备 首先确认Caffeine和redis这两者的依赖已导入（springboot版本为2.4.0）： ```xml org.springframework.boot spring-boot-s ......
vue-scrollmagic 滚动动画制作插件
1、需求： 在做网站的时候、需要加一个根据页面滚动位置进行页面变化的效果。 2、实现方案： 自己写个滚动监听也不是很复杂、但是管理维护起来比较乱。所以直接找了这个插件 官网：vue-scrollmagic、插件地址 3、使用： 安装 npm i vue-scrollmagic --save 载入 / ......
vue循环生成echarts图表
1. 效果图 2. 引入echarts npm install echarts --save 3. main.js全局引入 4. 页面 data数据是从后台接口中返回的，需要通过watch监听来获取created方法中获取到的数据。用mounted由于是异步调用，是获取不到created中的数据的。 ......
终极low的vue+node+mysql的登录和注册页面
一次失败的项目 注*本次没有写完 一，本次项目的心里历程 其实压根算不上项目，项目只有登录和注册其他的什么也没有，不过是自我安慰罢了，本项目也不是我本人自己写的，思路很多都是从网上抄袭的，算是超级缝合聚怪了。 本来要写的详细的但是后来想了想太烂了，目前来说就罢了，之后慢慢写吧。 二，本次项目大致需要 ......
ruby web 实战(9）-vue 3基础（2）
[TOC] # 定位到导入的 vue 使用导入映射表 (Import Maps) 来告诉浏览器如何定位到导入的 vue： ```html world {{ message }} ``` ......
three.js学习1（vue3）
1.引入threejs npm install --save three 在组件内 import * as THREE from 'three' 2.创建容器 创建canvas标签，为3D渲染建立容器 <template> <div> <canvas id="three"></canvas> </d ......
vue多选框
# vue多选框 ## 多选框(选中传id) ### 效果图  点击确定后传入后台id ![image]( ......
Vue中使用Echarts---小记
# Echarts使用小结 > vue环境使用echarts ## 1. 柱状图 ### 1.1 分析 **当前需求：** - 有横向滚动条； - 柱条的颜色为渐变色； - 鼠标悬浮自定义展示（展示数据百分比） **示例图：** ![](https://img2023.cnblogs.com/blo ......
Vue实现el-upload上传一张图片后上传框消失
代码如下： <template> <body> <el-col span="12" :push="7"> <!-- auto-upload为是否自动加载；action为图片要上传到的地址，这里随便填一个，因为暂时不用 --> <!-- class为动态样式选择，是实现上传图片后上传框消失的关键 -- ......
深度解析Vue Router原理：实战指南与实用技巧
本文将深入解析Vue Router的核心原理，帮助读者全面理解Vue Router在Vue.js单页面应用中的作用和工作原理。从URL路由、路由表、导航守卫到组件渲染等方面进行逐步剖析，让读者了解每个概念的含义和相互关系。
同时，我们将提供实战指南和实用技巧，通过丰富的代码示例和案例分析，帮助读者学... ......
vue 滚动条事件监听
css: .active{ margin-top:-60px; } .trans{ transition: all 300ms; } > ` mounted() { // 监听页面滚动事件 window.addEventListener("scroll", this.scrolling); }, b ......
vue实现浏览器端大文件分块上传
这里只写后端的代码，基本的思想就是，前端将文件分片，然后每次访问上传接口的时候，向后端传入参数：当前为第几块文件，和分片总数 下面直接贴代码吧，一些难懂的我大部分都加上注释了： 上传文件实体类： 看得出来，实体类中已经有很多我们需要的功能了，还有实用的属性。如MD5秒传的信息。 public c ......
为什么React与Vue很难互相取代?
React和Vue很难相互取代，主要因为它们都拥有庞大的生态系统和活跃的社区支持，提供了平滑的学习曲线和良好的开发体验。它们有不同的设计理念和特性，满足不同项目需求。同时，已经拥有大量用户和粉丝基础，使得它们在市场中稳固地占据一席之地。因此，选择框架时，开发者应考虑具体项目需求、团队技能和个人偏好来 ......
VUE3、ElementPlus 重构若依vue2 表单构建功能
# Vue3 + ElementPlus + Vite 重构 若依Vue2 表单构建功能 若依官方的Vue3 版本发布已经有段时间了，就是这个表单构建功能一直没有安排计划去适配到Vue3！ 前段时间公司需要做个类似的功能，就直接借鉴若依Vue2的来直接改了 吐槽下：vuedraggable-vue3 ......