![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 71
C丫丫
那些年我踩过的坑
展开
-
基于Vue的项目更新发版时,用户如何无感刷新页面加载最新资源
在开发的过程中经常会遇到页面更新发版后,用户访问的页面还是缓存中的页面,即使打包的文件名使用了内容哈希(根据文件内容生成哈希,并将其合并到文件名中(比如),这提供了一种识别更改的可靠方法。即使对文件进行微小的更改也会产生新的哈希值,并随后产生新的文件名),如果用户不手动刷新页面,访问的依然是旧的资源文件,特别是App应用,不像浏览器有刷新按钮,App每次都要手动清除缓存再进入应用才能访问最新应用。1. 用户访问页面时检测当前版本与服务器版本是否一致,若不一致,可以强制浏览器从服务器重新加载页面。原创 2024-02-04 17:50:19 · 2358 阅读 · 1 评论 -
用Vue实现封装一个八爪鱼图组件
人力资源管理系统中需要对一些职位的发展进行规划和跟踪,希望以可视化的方式进行展示。这时候可以借助八爪鱼图的形式来展示职位的发展,有助于个人对自己的职业发展进行跟踪和评估,以及调整自己的发展策略和目标。原创 2023-11-14 20:00:00 · 88 阅读 · 0 评论 -
Vue keep-alive 动态控制缓存页签
Vue 的 keep-alive 是一个抽象组件,用于缓存动态组件或组件树,以减少组件的重复渲染。使用 keep-alive 可以提高应用的性能。想要动态的控制页签的缓存,也就是在页签导航栏切换页签的时候不改变页面的状态,但是在右键刷新页签或关闭页签重新从左边菜单栏打开页签的时候,希望能够重新加载新页面。原创 2023-11-13 20:30:00 · 296 阅读 · 0 评论 -
Vue2+electron开发桌面端应用并实现自动更新
打包安装默认是直接装在c盘的新建vue.config.js},nsis: {allowToChangeInstallationDirectory: true, //自定义安装路径},win: {url: "http://127.0.0.1:5502" //更新包地址}],},productName: 'electronDemo' //项目名(应用名)})原创 2023-11-11 09:00:00 · 361 阅读 · 3 评论