- 博客(112)
- 收藏
- 关注
RSS订阅原创 记录一次上传文件，file文件有，但是formData一直为空的问题
然后我不管用什么东西获取文件，最后肯定是有一个file对象，咱们拿到file对象，进行如下操作。第二是请求头，当data对象的post请求，默认请求头不会设置为form-data。其实formData就是一个对象，我们直接放里面就可以，比如下面这样。犯傻的情况： 我不止有这个参数，我还需要一个标识token，然后我就写成了。总的来说，就是生成一个formData对象，然后进行上传嘛。好，懂得都懂，接下来，脑子有时候短路真可怕。1，axios请求有两种方式，第一种。是的，我犯了2个错误，
2024-04-13 16:50:07
330
原创 通过ckeditor组件在vue2中实现上传图片
2，下载sdk，https://ckeditor.com/ckeditor-5/online-builder/#，打开这个地址，配完就可以下载。3，启动sdk，运行npm install ,npm run build,在build文件夹下就有一个ckeditor.js。1，配置图片上传，其实就是imageUpload这个插件，首先在组件ckeditor添加属性config。直接将这个js放到我们的项目public下，通过script引入即可。5，在我们的组件中引入即可，这样上传图片就完成了，整体代码。
2024-04-12 16:55:58
306
1
原创 error-ckeditor-duplicated-modules 在vue中引入ckeditor插件报错
ckeditor本身除了基本的一些功能，其他基本全靠插件引入，所以想加功能必定是需要引入插件配置，可以换个目录，也可以换引入方式，最后我考虑到依赖项如果在项目里面大量引入这个插件，本身不太好管理，第二是感觉页面引入多了，也不好看，其实我们可以重新打包一下这个ckeditor，将我们需要的东西集成进去，再引入项目，这就比较简单。报错原因： 由于集成了webpack，统一引入了ckeditor ，但是页面里面我们又通过import引入了一遍，所以导致引入重复了。注: 他有些是需要收费的，加完有提示。
2024-04-11 16:27:48
374
原创 使用wangeditor富文本插件，自定义上传到七牛
4，这里富文本编译器是有自带上传的，如果没什么要求，比如没有什么大文件什么的，直接用自带的api配置，简单快捷，将接口地址放上就好了,但我这里不太行。可以根据自己使用的版本，去找对应的api，主要分为1.0和2.0版本，自定义上传其实就是那个方法，其他的触发上传，都是大同小异，7，奉上我的3.0版本qiniu上传sdk,其实这样一想，好简单，我游离在多个版本和api间不能自拔。七牛有2种实现，一种是api，就是比如视频分片上传，他可以让你自己调api，去上传。下面贴上qiniujs的版本地址，
2024-04-10 11:08:31
394
原创 gulp项目配置，压缩css,压缩js，进行监听文件改动
3,创建后，目录出现一个package.json文件，没错，就是我们用vue-cli创建工程的时候，依赖配置文件，使用下面命令，往项目中添加gulp，目录如下图。8，这里的配置路径**表示任何下级子文件都匹配，*匹配任意名称。4, 添加一个专属配置文件，gulpfile.js。6，安装压缩js和css的模块，这里项目目录如下图。2，创建一个工程，使用node创建，统一命令。5,这里我安装的gulp版本是5.0版本。这个应该很熟悉，就是全局安装gulp。7，安装好后，以下就是配置文件。
2024-04-03 11:25:04
678
原创 vue窗口下拉滚动指定位置固定，点击内容，对应内容进行滚动指定位置显示
使用方法就是加点击事件，然后将id值传入handleToChart这个方法，id就是你要跳转的盒子要绑定的id。（1）找到父元素，直接设置overflow: visible;或者overflow: scroll。（2）如果发现固定的窗口占用了位置，可以使用float属性让其浮动，脱离文档流。top: 100px;// 偏移的高度，就是距离顶部的高度。2，点击内容，对应内容滚动指定位置显示。1，窗口下拉滚动刀指定位置。
2024-03-29 16:47:22
330
原创 记录一次报错提示npx update-browserslist-db@latest
2， 删除后，再次通过hbuilderX启动微信小程序，会出现依赖不存在，这时，可以打开菜单，工具》插件安装，将所有的插件都删除，然后重新安装，启动项目发现报错清除。3，通过hbuilderX启动后，这个微信小程序是无法打开的，但是启动了微信开发者工具，这时，只需要将项目的appid配置项清空即可，然后重新启动，解决问题。找到HBuilderX的安装目录, cmd切换到HBuilderX/plugins/uniapp-cli下。删除node_modules以及package-lock.json。
2024-03-28 15:47:31
766
原创 uniapp 动态生成page.json，自动拆分页面及自动注册页面
上面通过getPageRouter进行页面自动读取，递归子文件夹，然后生成现在所使用的所有页面目录，统一放入page.json里面，实现页面自动注册，这里就不需要modules了，如果对页面有统一配置，像style，可以在data.push里面的那个对象里面进行并入，这里写的顶栏配置只是一个例子。上面就是所有的配置文件，通过index.js去配置通用配置，通过modules去吧页面进行分类，最后在build.js里面进行重构并生成所需的page.json文件。3，build.js文件。
2024-01-25 09:13:45
1158
原创 vue部署，chunk文件有部分404，解决方案
style里面全注释也会打包文件，但是打包的是空文件，所以，如果没用的css，能删就删吧，要不然还得留坑。或者随便往空文件填写一些内容，也可以解决这个问题，推测，就是服务器部署自动过滤了空文件。1，检查项目配置，再vue.config.js里面配置。找到部署后404的文件，查看是否为空文件。2，打包后检查报错文件是否存在打包目录。
2023-10-24 11:05:32
914
原创 关于uniapp分享功能实现
然后在每个页面使用this.share就可以获取混入的data,进行修改即可。在main.js文件里面进入引入挂载。
2023-07-18 15:50:01
1370
原创 关于微信小程序打开一片空白问题
onShow会替调mounted钩子，如果加载数据在mounted的话，那大概率会白屏。小程序首先跳转到首页，首页先看报错，如果没有报错，那就排查生命周期钩子，
2023-07-18 15:44:57
376
原创 uniapp微信小程序 页面返回使用navigateBack，返回后页面不刷新问题解决方案
2,组件之间的跳转，使用redirectTo,通过关闭当前页面，跳转到指定页面再加载，这种适合二级页面到三级页面数据不更新问题。on 进行调用，触发的钩子需要放在mounted生命周期里，组件内的onShow不会生效。3，当一级页面使用了某个组件，组件内跳转二级页面，返回也不会刷新数据。放在父组件，也就是请求数据的那个页面或者组件里，尝试了众多方法，比如vuex，本地缓存，都不行。可以使用onShow生命周期请求数据。1，如果是页面之间的跳转。
2023-07-11 10:20:13
5438
原创 element-ui表单使用v-if进行触发后，表单校验错乱的问题
表单有多个元素需要校验，但是其中某些元素是根据另一个元素的值去用v-if控制显示与隐藏,切换值得时候，就会出现校验错乱。解决方法: 给表单的el-form-item去绑定一个key,这样每次刷新验证，就会找对应的key去校验，这是唯一的。
2023-04-28 13:41:16
817
1
原创 fatal: unable to access https://github.com/adobe-webplatform/eve.git/ : Recv failure: Connection
清除package.json中tui-editor:1.3.3。定位问题为一个叫tui-edior的依赖下载不了。vue-element-admin下载依赖出错。1，去掉package.json文件的依赖项。3，将原依赖的引入文件做更改。2，重新下载新的依赖替换。
2023-04-16 20:52:00
595
原创 uniapp 同步资源失败，未得到同步资源的授权，请停止运行后重新运行，并注意手机上的授权提示
而每次运行都会显示超时，连接的就是第一个192.168.142.1，而我需要的是192.168.1.19。一番百度下来，各种改adb，其实我这个超时是因为有多个ip地址。将上面的地址禁用就可以正常连接了。
2023-03-20 12:36:52
2753
原创 vue过渡动画transition，进入动画失效，离开显示两个页面数据的问题
使用fade-enter-from和fade-enter-to定义开始和结束动画。进入动画失效，是因为fade-enter没用了。需要重新自定义定义进入动画。
2023-03-18 15:45:01
574
原创 pnpm安装
如果用npm安装，需要配置环境变量，直接装在window上，可以直接省略环境变量的配置。上面是pnpm的官方，直接通过官方命令装就行。
2023-03-14 15:44:50
186
原创 element-ui表单验证相关问题
这里要注意，如果你直接将表单数据重新赋空对象，那么里面的属性添加的时候，就不是。的，对一个空对象直接添加属性要用**$set**去添加，比如这样。但是如果是关闭按钮也用这个，会获取不到表单名无效，可以直接写成。还有一些非输入类型的验证，可以选择自定义验证。直接就在dialog上加v-if。1，对于清空表单，可以使用。3，表单没有自己的生命周期。对于验证失效，你需要保证。
2023-03-01 21:06:22
116
原创 vue3获取dom
3,不能直接在setup里面拿到dom的值，因为setup对应的生命周期是created,所以必须在后续的生命周期钩子里面拿到，比如onMounted。1，获取dom的ref元素名称，要对应暴露的名称，不然会出现无效的dom报错，也就是拿到的是null。2,在setup中，使用ref（null）获取dom。
2023-02-27 13:21:49
4368
原创 echarts在vue3中的引入
4）main.js进行挂载（这里可以忽视别的，只看echarts部分）5）需要使用的页面，首先得定义一个容器，然后将图表放入这个容器就行。这里用的是按需引入，一般也推荐用这种，可以优化项目的体积。2）创建一个echarts文件夹，并创建配置文件。
2023-02-11 22:23:29
1238
1
原创 初学three.js
4)配置渲染器setSize（长，宽，是否使用现分辨率渲染（true/false））2）创建一个透明摄像头（perspectiveCamera）6）给物体加上材质（meshBasicMetarial）这里有4个参数（视野角度，长宽比，近截面，远截面）3）创建一个渲染器（WebGLRenderer）到这里，就是创建好了场景，接下来在场景里创建物体。5)定义一个正方体（boxGeometry）1）创建一个scene(场景）10)所有的东西创建完毕，渲染。8）将我们创建的物体放入场景。7）创建网格（mesh）
2023-02-09 11:31:49
291
原创 nvm包管理工具下载安装
3,点击下载的nvm安装包，进行安装，这里会出现两个目录，第一个是nvm的安装目录，第二个node的版本安装目录，将nvm选择D盘就行，node就安装在nodejs中。2，下载很快，但是安装前，得先卸载本机的nodejs,并且为nvm的包创建一个英文文件夹，这里我在D盘创建了一个nodejs。1，去github官网，输入nvm-windows，点击第一个nvm项目，在右侧点击releases,选择箭头指向的安装包。8,这里，版本号前面的*表示当前使用的版本，刚下载版本是没有这个前缀的，
2022-11-16 17:00:29
2442
原创 push对象的时候，出现empty占位
这里arr是数组，当对象obj里面的id为++arr.length的时候，push对象就会在新增的时候加个empty占位，解决办法，将数组的长度提取出来，像下面这样就好了。
2022-11-03 14:14:39
196
原创 微信小程序拉扯抖动问题
页面首次加载图片没有高度，mode="widthFix"直接会显示全部高度，然后再加载样式高度，所以会有拉扯感，写死后，默认直接加载样式，就不需要后面自动匹配高度了。（2）mode属性的宽设置了百分比，写死了高度，也会出现抖动，这时直接删除mode属性。（1）页面的盒子样式有冲突，比如浮动。1，如果是页面加载图片拉扯感很强，
2022-10-19 15:38:32
1330
原创 Vue微信登录流程
当登录页面的二维码被扫了之后，回调地址后面会携带一个code，路由守卫会拦截这个code，并通过callBack向后端请求token，然后请求成功后保存token并跳转到首页，到这里，登录就结束了。简单说，从登录跳转到首页，from就是登录页面的路由对象，to就是首页的路由对象，next如果没有值，默认为跳转到to指定的页面，（1）打开你的src目录下的router下的index.js（也可能是别的名字，最终就是打开路由配置文件）1，登录微信开放平台，选择网站应用，就可以看到appid。
2022-10-13 11:06:47
4064
原创 navigator.mediaDevices.getUserMedia(constraints)可设置参数
【代码】navigator.mediaDevices.getUserMedia(constraints)可设置参数。
2022-09-06 08:58:17
2512
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人