- 博客(5)
- 收藏
- 关注
RSS订阅原创 前端项目（vue）发布新版本后，弹窗提醒用户升级
2、前端打包时，动态创建一个version.json，保存当前版本号；通过接口调用生成的json，对比新旧版本号，此方法不需要后台配合。1、使用Websocket或SSE与后台建立长连接，有新版本发布时，后台发送消息通知前端。修改package.json中build命令，执行resetVersion.js。新建一个resetVersion.js文件，用于动态创建版本号json文件。切换页面路由时，请求version.json文件。这里选择的是第二种，话不多说，直接上代码。好了，到这里就结束啦。
2024-06-27 16:38:23
1659
原创 vue项目报错Error:Loading chunk {n} failed.解决
检查之后，本地没啥问题呀！可能是由于重新发版，浏览器存在缓存的原因，如果用户一直停留在页面上，此刻操作访问的还是旧的静态资源，会存在功能性的差异，切换页面时偶尔就会出现该错误。上班路上产品发消息说项目报错了，某个路由页面打不开，让我尽快解决问题，报错如下图。此处省略一些字不文明的gc（xxxxxxxx）。
2024-06-27 12:05:04
732
原创 前端项目打包部署后，如何避免让用户强制去清除浏览器缓存
浏览器缓存是Web浏览中一个重要的性能优化机制，它允许浏览器将从服务器获取的资源（如HTML文件、图片、CSS样式表、JavaScript脚本等）存储在本地的临时存储区域。这样，在用户再次访问同一个网站或重复加载相同资源时，浏览器可以直接从本地缓存中读取这些资源，而不需要重新向服务器发送请求，从而大大加快了页面的加载速度，减少了网络流量消耗，并提升了用户体验。2、在HTML的head标签中，添加资源版本号。当引入 CSS 和 JavaScript 文件时，让每次文件内容有所改动，从而避免浏览器缓存问题。
2024-06-27 11:50:56
2268
原创 Javascript实现拖拽选择图片，并预览
文件上传方式：点击上传、拖拽上传，这里我们只考虑拖拽上传的原理。实现拖拽，就需要用到拖拽相关的事件（DragEvent），如：// 可拖拽元素相关事件dragstart：当用户开始拖拽元素或选择文本时触发；drag：当用户拖动元素或选择的文本时触发，每几百毫秒就会触发一次；dragend：当拖动操作结束（释放鼠标按钮或单击 escape 键）时触发；// 可拖拽元素的放置区域相关事件dragenter：当可拖拽的元素或选择的文本进入有效的放置区域时触发；dragleave。
2024-06-04 17:34:12
814
原创 解决“npm error Class extends value undefined is not a constructor or null”报错
就在我以为可以继续开心快乐的学习了，结果命令行npm又报了一个错误（具体错误没有保留下来），但大概意思就是当前环境npm不是最新的，那还不简单，更新它。由于npm有报错，所以就不能在命令行使用【npm uninstall node -g】（注意该命令仅限于某些版本的node），只能在控制面板卸载了。步骤：打开控制面板 -> 程序 -> 卸载程序，在程序列表中找到Node.js的条目，右键卸载。嗯~，然后我就发现看起来好像都没有什么问题，npm就是不成功，那怎么办呢，暴力解决吧！
2024-05-29 17:39:41
8369
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人