- 博客(8)
- 收藏
- 关注
RSS订阅原创 web项目实现用户退出网页前向后端发送请求
在工作中有遇到这样一个需求，用户进入一个页面，要编辑页面内容前先点击“编辑”按钮，锁定编辑权限（则当前其他人不可编辑），编辑完后要释放权限得点下“结束编辑”释放权限。那么问题来了，且不说每次关闭页面前都要点“结束编辑”按钮比较麻烦，要是用户不小心退出了页面，那编辑权限就一直被占用。在退出网页前（关闭浏览器、关闭/刷新页面）自动向后端发送一个结束编辑的请求。这个方法常用于在用户关闭页面或浏览器之前，发送一些需要保存的数据。是一个 Web API 方法，用于向服务器发送非阻塞性的 HTTP 请求。
2024-02-05 10:01:12
774
1
原创 基于Vue的项目更新发版时，用户如何无感刷新页面加载最新资源
在开发的过程中经常会遇到页面更新发版后，用户访问的页面还是缓存中的页面，即使打包的文件名使用了内容哈希（根据文件内容生成哈希，并将其合并到文件名中（比如），这提供了一种识别更改的可靠方法。即使对文件进行微小的更改也会产生新的哈希值，并随后产生新的文件名），如果用户不手动刷新页面，访问的依然是旧的资源文件，特别是App应用，不像浏览器有刷新按钮，App每次都要手动清除缓存再进入应用才能访问最新应用。1. 用户访问页面时检测当前版本与服务器版本是否一致，若不一致，可以强制浏览器从服务器重新加载页面。
2024-02-04 17:50:19
3815
2
原创 用Vue实现封装一个八爪鱼图组件
人力资源管理系统中需要对一些职位的发展进行规划和跟踪，希望以可视化的方式进行展示。这时候可以借助八爪鱼图的形式来展示职位的发展，有助于个人对自己的职业发展进行跟踪和评估，以及调整自己的发展策略和目标。
2023-11-14 20:00:00
193
原创 Vue keep-alive 动态控制缓存页签
Vue 的 keep-alive 是一个抽象组件，用于缓存动态组件或组件树，以减少组件的重复渲染。使用 keep-alive 可以提高应用的性能。想要动态的控制页签的缓存，也就是在页签导航栏切换页签的时候不改变页面的状态，但是在右键刷新页签或关闭页签重新从左边菜单栏打开页签的时候，希望能够重新加载新页面。
2023-11-13 20:30:00
675
原创 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
706
3
原创 Vue h5项目如何在本地调试和打包成app
打包成APP也可以通过Hbuilder的5+APP进行打包，直接修改刚刚manifest.json的应用入口页面地址为你上线后的项目地址即可，项目可保持现有的模式部署在远程服务器上。打包成功后在项目目录的unpackage->release->apk 可找到生成的apk文件，右键选择安装到连接的手机上。的plus.android实现的，而普通浏览器不具备plus环境，不可直接运行到浏览器里，那在本地如何调试该功能呢？报错：遇到没有权限的报错，要把手机的蓝牙和应用的位置权限打开。可开始调试蓝牙功能~
2023-11-10 14:00:37
533
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人