- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue+element+md5实现大文件分片上传、断点续传
的返回参数中，上传文件数是不断累积的，比如你限制最大同时上传10个文件，第一次你上传了7个，第二次你上传了5个，此时会提示你上传了12个，因此第二次被限制住了，所以需要在。在正式调用上传接口前先调用文件完整性检测接口，为断点续传用，后端通过md5值结合文件名来检测当前文件是否已经上传过，上传了多少，获取当前文件应该上传的分片的下标。参数为上传的文件，这里要注意两点，1.当同时上传多个文件时，会多次触发事件，有几个文件就执行几次方法，--覆盖默认的上传行为，可以自定义上传的实现（一开始是使用。
2024-04-10 18:19:05
579
原创 js实现根据对象数组中某一属性的中文按首字母进行排序
方法是 JavaScript 字符串对象的一个内置方法，用于比较两个字符串的顺序。该方法接受一个字符串作为参数，返回一个数字，表示两个字符串的顺序关系。如果第一个字符串在字典中排在第二个字符串之前，则返回一个负数；如果第一个字符串在字典中排在第二个字符串之后，则返回一个正数；方法接受一个可选的比较函数作为参数，该函数用于指定排序规则。方法是 JavaScript 数组对象的一个内置方法，用于对数组元素进行排序。因此，这段代码会按照汉字拼音的顺序对数组。参数，表示使用中文排序规则。方法对数组元素进行排序。
2023-12-12 14:43:52
155
原创 iVew禁止input输入框输入用户名密码登录后，浏览器记住密码
iVew组件库的Input组件，登录时会自动填充浏览器记住的用户名密码，百度的都是说用autocomplete属性，没效果。自动填充验证码的, 不太理解为什么能让浏览器在登录成功后不再弹记住密码的那个弹框了。autocomplete="one-time-code"的效果，是用来做。浏览器记住的用户名密码，但是把浏览器缓存的用户名密码清掉，再次登录后，解决：在type="password"的密码输入框中，加。
2023-12-11 10:49:34
107
1
原创 iVew组件库select选择器，鼠标悬浮展开选择器菜单栏
iView的select组件API文档中，没有提供这个功能，但是打印组件对象，可以看到里面有很多API文档中没有提到的function。js:触发事件时，接收参数，调用对应的元素方法。，用来在触发的事件中确认元素。来触发鼠标移入、移出的事件。用来展开选择器菜单，用来隐藏选择器菜单。template：在。
2023-12-06 10:58:49
152
1
原创 uniapp将input输入框中的内容自动小写转大写
toUpperCase() 方法用于把字符串转换为大写。input中加@input="xxx"methods中加方法。
2023-01-16 13:22:02
1035
原创 uniapp将网络图片转为base64格式存在缓存中
在成功的uni.getImageInfo的成功的回调中使用。获取图片信息，src就是图片路径。2、之后使用了大佬的插件（,res.path就是。返回的图片的本地路径。
2022-10-24 17:16:51
1337
原创 echats图表大小自适应
的div就会等比缩小，html会自己计算这个div的宽高，并将其赋给图表。以此让图表的大小也跟着改变。把图表外层的div的宽高赋给图表，这样，我们只需控制外层div的自适应就好了。比如我的代码中外层是。我的实现自适应的办法是用。监听视口的大小，变化的时候就调用。来控制自适应，这样视口变小时，的div，整体的布局通过。方法，在这个方法中使用。
2022-08-19 13:51:22
1130
原创 uniapp实现图片上传
我最开始也不是很理解为什么明明这两个路径是后端给我的，难道后端自己在往DB里存的时候就不能获取吗。之后和后端的哥们讨论了一下，他的解释是：完全可以做到，但是如果把接受解析上传的图片资源，生成路径，再把路径存到DB中，最后到前端接受到成功的信息，这一套下来用户需要等待大量（可能吧）的时间，所以为了提升用户体验，尽量不要把所有的处理都放在这一次事件里做。后端会解析拿到的图片资源并返回一个临时路径和绝对路径，在成功的回调中给。因为只有一张图片，所以直接用的字符串，如果需要多张，可以用数组做v-for。......
2022-08-18 14:14:44
16371
1
原创 vue中使用websocket
console.log('WebSocket连接发生错误 状态码：' + this.websocket.readyState)console.log('WebSocket连接成功 状态码：' + this.websocket.readyState)console.log('WebSocket连接关闭 状态码：' + this.websocket.readyState)// 监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。.
2022-08-16 19:48:35
6906
原创 $.modal.open()模态框点击遮罩不关闭弹出框
但是项目不熟，有的模块使用了第一个方式生效了，有的模块实在是没找到标签是写在哪个子组件里了。在浏览器的开发者工具里找到了模态框的类名，但是使用第二种方式不知道为什么也没有生效。项目用的$.modal.open(title，url,,600,550)做的创建模态框，默认效果是点击模态框外，会关闭弹窗。unbind()还在，就要小心有其他影响。销毁的话，应该就不会有什么问题了。都解除点击事件包括双击,注意类名是遮罩的类名，还有要注意模态框的关闭，是隐藏还是将其。点击遮罩不关闭弹出框。百度的是，有两种办法。...
2022-08-02 15:13:04
3056
原创 uniapp实现app端图片+视频轮播
swiper轮播里面，可能有图片也可能有视频。当swiper切换到视频时，视频以动画的样式展示（无按钮、进度条等默认播放控件），自动轮播取消，手动滑动切换取消。当视频播放完毕后，可以自动轮播，可以手动滑动切换。③使用@ended，用来判断视频当播放到末尾时触发事件，解开自动轮播，手动滑动切换。autoplay="autoplay"（是否自动切换）原swiperChange方法中添加判断，实现切换到视频时，自动轮播取消，手动滑动切换取消。video标签里加属性。找了个插件市场里的改的。......
2022-07-30 11:35:21
2377
原创 弹性布局图表
1.row2.column3.row-reverse4.column-reverse1.nowrap2.wrap1.center2.flex-start3.flex-end4.space-around5.space-between6.stretch1.center2.flex-start3.flex-end4.space-between5.space-around6.space-evenly1.center2.flex-start3.flex-end4.stretch5.baseline。
2022-07-21 11:17:16
202
转载 绘制3D饼图（以及图在刷新页面后发生缩小问题的解决方式）
绘制方法参照：echarts3d饼图，环形图（包含透明效果）_chongwenwen的博客-CSDN博客_echarts3d饼图实现后出现问题：echarts页面进入缩成一团的问题（页面刷新后缩小）解决方案参照：echarts图表二次打开变形(缩小)的问题_花心小坚果的博客-CSDN博客_echarts 变形解决方案：窗口变动时图形会恢复正常，所以我们可以使用自定义触发窗口变更的方法（写在echarts图形配置附近即可）（ps:我选择写在了setOption（）方法第一次调用之前）1.window.disp
2022-06-20 14:52:30
1157
1
原创 自动rem转换工具
1.npm install amfe-flexible --save（配置可伸缩布局方案，主要是将 1rem 设为 viewWidth/10。）（**//可以不添加工具，手动新增rem.js文件，文件内容：// 基准大小const baseSize = 16// 设置 rem 函数function setRem () { // 当前页面宽度相对于 1920 宽的缩放比例，可根据自己需要修改。 const scale = document.documentElement.clientWidth / 192
2022-06-16 15:08:14
569
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人