![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
日常工作
文章平均质量分 88
心中有曲自然嗨丶
一个小前端
展开
-
web端OSS上传大文件小结
web端OSS上传大文件小结背景 在OM媒体大脑项目的实际使用中,用户时不时的会上传超过1G甚至是几十个G的视频素材文件到OSS服务器,原本项目中用了vue-simple-upload[github]来做解决方案,效果并不是很好。在实际上传中发现当上传超过1个G的文件后,上传的请求就会失败,于是便使用了OSS自己的上传方式。1.控制台操作在上传之前,需要先了解阿里云OSS对象存储的一些基本概念。1.1 进入对象储存界面1.2 OSS基本概念1.2.1 BucketBucket实质就是阿原创 2021-10-11 16:07:49 · 774 阅读 · 0 评论 -
当产品说要批量上传8W个文件的时候
当产品说要批量上传8W个文件的时候背景最近一星期需求终于缓了下来,所以就准备对之前做的需求进行优化。在之前版本需求中,测试发现在批量上传的时候,数目一旦过多,并发请求太多导致浏览器崩溃。更可恶的是,产品已经准备好8W张图片准备一下子上传了,(我TM刀呢?)这样的话我这个小组件必然是撑不住这么多的并发的,也是无奈必须要对其进行优化。现状分析1.此时上传组件是直接使用element-ui的upload组件进行开发的;2.根据业务需要,文件需要上传到OSS服务器上,因此在上传前需要请求接口读取上传原创 2021-07-09 15:56:32 · 227 阅读 · 0 评论 -
基于Element的select组件的二次开发
基于Element的select组件的二次开发近况需求实现思路具体实现最后实现效果近况哎呀呀,也是好久好久没有更新博客,一个是因为需求太多,另一个是因为太懒(哈哈,这个是主要原因),最近都在做Element的需求,因为是之前的项目,vue3和Element-Plus也还没开始用,准备多学习学习在小项目上练练手。需求好啦废话不多说啦,最近接到这么一个需求,在基础的饿了么的选择器中加入头像,姓名,描述等信息。大致就是这样样子:看到这里并没有什么问题,因为select组件是支持自定义options的样原创 2021-05-17 15:49:27 · 953 阅读 · 3 评论 -
antdesign-vue结合sortablejs实现两个table相互拖拽排序
antdesign-vue结合sortablejs实现两个table相互拖拽实现效果sortablejs介绍具体实现实现效果本来想在网上看看有没有基于antdesign做的,然后发现是真的少啊!废话不多说,先上图:sortablejs介绍首先先来认识一下这个插件: sortablejs大家可以去细读一下它的api文档:这边我就着重介绍一下我用到的api。1.group可以传入对象,参数值为name,pull,put,name:如果是要两个列表下进行拖动的话,name的值必须为一样;pu原创 2021-01-07 17:14:41 · 3311 阅读 · 55 评论 -
AutoComplete自动完成分类查询功能
Antdesign-vue AutoComplete自动完成分类查询功能官方例子效果实现最近在业务里遇到需要在输入框输入的同时,要有搜索提示的需求。因为笔者最近都在做Antdesign的项目,所以就用这个框架来处理,首先来看一下效果:官方例子首先Antdesign自己的官网就有示例.其实这个例子已经满足我们80%的需求了,我们只要在他的基础上增加搜索功能就好了。效果实现1.首先查看文档,AutoComplete有一个事件方法:所以我们就在这个事件上去做搜索功能,完整HTML代码:&l原创 2020-12-31 14:14:33 · 2507 阅读 · 1 评论 -
antdesign vue pro 日期选择组件踩坑
问题出现因为我用的是antdesign的FormModel表单 ,所以写法上来说和element-ui的表单写法差不多,以下是我的html部分和js部分HTML部分 <a-form-model-item label="组卷时间" prop="filing_date"> <a-date-picker v-model="form.filing_date" /> </a-form-model-item>JS部分动态原创 2020-12-24 16:01:04 · 1031 阅读 · 1 评论