- 博客(11)
- 收藏
- 关注
RSS订阅转载 监控上传和下载进度
xhr监控进度loadstart 接收到响应数据时触发progress 当请求接收到更多数据时，周期性地触发error 当request遭遇错误时触发abort 当request被停止时触发，例如当程序调用XMLHttpRequest.abort()时load XMLHttpRequest请求成功完成时触发loadend 当请求结束时触发，无论请求成功还是失败上面的事件就可以方便用于监控请求进度，请求状态，progress可能更为常用，这常常结合进度回调的event.loaded和even
2022-05-30 09:20:24
396
转载 用一行`CSS`实现10种布局
如何用一行CSS实现10种布局超级居中：place-items：center首先指定grid作为display方法，然后再同一个元素上写入place-items：center。place-items是同时设置align-items和justify-items的快速方法。通过将其设置为center，align-items和justify-items都将设置为center.parent{ display:grid; place-items: center;}这使得内容能够在父级内完美
2022-05-25 09:26:47
294
转载 antd vue中 v-decorator 的理解
v-decorator antd vue的理解v-decorator是ant Design的控件验证属性经过 getFieldDecorator 或 v-decroator 包装的控件，表单控件会自动添加 value onChange 或者 trigger ,数据同步由Form接管，这会导致以下结果你不在需要也不应该用 onChange 同步，但是可以继续监听 onChange事件你不能用控件的 value defaultValue等属性来设置表单域的值，默认值可以用 getFieldDecorat
2022-05-24 16:29:12
4308
1
原创 大文件切片上传利用WebWorker
大文件切片上传上传流程将文件按照最小片段进行切片file.slice()对切片文件进行校验 利用web worker多任务进行计算，否则会造成浏览器卡顿将校验后的hash值传给后端，后端返回是否上传，已经上传了多少片段如果未上传则全部上传，如果上传了一段，则将剩下的文件片段进行上传上传完成后通知后端合并，后端合并结束返回文件地址核心代码切片/** * 开始文件切片 * @param file * @param size * @returns {*[]} */functi
2022-05-19 15:02:19
1785
原创 vue中使用require动态获取图片地址
项目场景：项目中根据图片不同的后缀名，展示不同的图片问题描述直接给图片的src绑定图片地址，图片不显示，使用 require('图片本地路径' + '地址变量' + '.png') 也不显示 <img :src="require('@/assets/img/' + item.url + '.png')" alt="" />原因分析：vue在DOM中直接引入的图片会被转为base64格式，但是使用变量引入的话，图片不会转为base64，所以不显示解决方案：使用requi
2022-05-17 17:16:37
7819
原创 vue.extend挂载组件
遇到的问题vue2在抽离组件时，要求按需加载，没有改组件的请求数据时，不加载此组件，有数据才加载解决方法方法一 v-if这个可以说是很经典的一个办法,但是会有展示上的问题,即dom结构会先消失而后重新渲染并不算是一个完美的解决方案,所以暂时Pass掉方法二通过$set来触发Vue的数据重新渲染机制(鸡肋), 大多数情况下要配合监听来使用方法三 （推荐）使用vue.extend()将组件挂载在指定DOM上Vue.extend()方法其实是Vue的一个构造器，继承自Vue，创建一个
2022-04-27 18:09:01
1092
原创 ES6技巧(持续更新)
1 打乱数组顺序let arr = [60, true, false, '55']arr = arr.sort(() => .5 - Math.random());console.log(arr);// [ 60, '55', true, false ]2 去除数字之外的所有字符const str = 'xiety 23241 is 12312 so 123'const numbers = str.replace(/\D/g, '');console.log(numbers);//
2022-04-25 10:34:40
123
原创 el-upload使用自定义上传，获取上传进度和上传成功回调
用element-ui + vue2.0上传多张图片，并使用自定义方法时，无法获取上传进度和上传完成后的图片列表
2022-04-23 09:38:20
11127
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人