- 博客(12)
- 收藏
- 关注
RSS订阅原创 vue cli babel 设置兼容es5 后 开发与生产模式都会报错 ReferenceError: exports is not defined
vue版本：2.7.0该项目babel 默认将代码解析问es6 模式，但是为了兼容老版浏览器，需要对项目进行es5 兼容。我使用babel.config.js 与vue.config.js 进行相关配置后实现兼容效果。但是项目打包 开发环境和生产环境都运行正常但是个别页面访问就会控制台报错exports is not defined。
2025-03-10 15:58:36
355
原创 【vue 项目 打包成apk，运行在android环境遇到问题详解】
但是我最终没有选择android studio webview 的方式来生成apk 是因为他还有个坑，低版本的android webview 不支持唤醒相机相册功能。而默认访问的静态资源路径是有问题的。1.npm run build 生成的dist包内部的index.html文件建议先右键用本地浏览器运行一下 ，是否能成功加载不然可能会因为资源位置问题访问失败。查阅相关文章最终思路就是 老版本浏览器不支持es6 的语法，需要通过vue 配置babel，打包生成es5的源码兼容老版本浏览器。
2025-03-07 15:11:38
1227
转载 客户端渲染CSR、服务端渲染SSR、静态站点生成
分析详解三个不同渲染方式得区别无论是哪种渲染方式，一开始都是要请求一个HTML文本，但是区别就在于这个文本是否已经被服务端组装好了客户端渲染还需要去下载和执行额外的Javascript脚本之后才能得到我们想要的页面效果，所以速度会比服务端渲染慢很多服务端渲染得到的HTML文档就已经组合好了对应的文本，浏览器请求到之后直接解析渲染出来即可，不需要再去下载和执行额外的Javasript脚本，所以速度会比客户端渲染快很多。
2024-12-17 11:08:06
38
原创 node.js 配合vue3 实现前后台联调 通过@microsoft/fetch-event-source 实现流式数据，fetchEventSource总是重复发起请求
fetchEventSource 重复发起请求
2024-11-22 16:13:08
1374
6
原创 vue3+ts + element plus 实现拖动效果
左右两模块支持左侧内容拖拽到右侧，左侧树支持单独拖动，右侧内容支持单独拖动。当左侧内容拖动到右侧时，内容被覆盖，右侧内容内部拖动时，不进行覆盖 内容更换位置。
2024-08-20 14:26:04
662
1
原创 vue2 使用keepalive 缓存页面失效，jeecg踩坑日记
二级菜单开启菜单缓存后页面正常缓存，但是三级菜单开启缓存后，缓存时而有效时而无效.
2024-07-11 15:08:06
1996
原创 拖拽、onDragEnter、onDragOver、onDrop、onDragleave 遇到非html 元素 触发onDragLeave 事件导致拖拽失败。
拖拽过程中有四个监听拖拽事件进入目标元素的的方法 分别是 onDragEnter、onDragOver、onDrop、onDragleave,需求中。实现onDrop 监听，但是碰掉插件 就会触发onDragLeave 事件导致拖拽失败，然后想更换思路通过onDragOver 事件 但是该事件。drag data store出于安全原因处于保护模式，因此不可访问。，更换为 onDragenter 同样获取不到值。
2024-05-11 10:06:03
363
1
原创 AJAX,JSON
AJAX1.AJAX是一种无需加载整个网页的情况下，能够更新部分网页的技术，通过Ajax可以使网页实现异步更新。实现方式1.原生js实现(了解) <script> function func() { // 发送异步请求， // 1.创建核心对象 var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+
2024-01-10 10:13:43
393
1
原创 vue中使用element ui上传excel表格并传给后台
使用该代码需要引入jquery库http-request：覆盖默认的上传行为，可以实现自定义上传on-exceed：文件超出个数限制时的钩子html<el-upload class='image-uploader' :multiple='false' :auto-upload='true' list-type='text' :show-file-list='true' :before-upload="beforeUpload" :drag='true' action='' :limit=.
2024-01-10 10:12:43
670
1
原创 onFrameRecord 获取实时pcm 音频流，实现音频播放和上传
onFrameRecord 获取实时pcm 音频流，实现音频播放和上传(vue3)
2023-10-31 17:03:38
1404
1
原创 工作中JS补充
1.js事件轮询机制事件轮询JS是单线程的所以执行任务需要排队，但这样会影响页面加载，所以JS选择使用异步。添加了一个消息队列，将一些需要等待的事件放到消息队列里，先执行那些可以直接进行的操作，之后不停的去去问消息队列，有没有任务可以执行呀，有没有任务可以执行呀。如果有的话，就把需要执行的操作取出来放到主线程里执行，如果没有的话则继续之前的操作，这也就是js的事件轮询console.log('start')setTimeout(function() { console.log('setT
2022-06-08 14:37:24
312
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人