心中有曲自然嗨丶-优快云博客

原创 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 904

原创当产品说要批量上传8W个文件的时候

当产品说要批量上传8W个文件的时候背景最近一星期需求终于缓了下来，所以就准备对之前做的需求进行优化。在之前版本需求中，测试发现在批量上传的时候，数目一旦过多，并发请求太多导致浏览器崩溃。更可恶的是，产品已经准备好8W张图片准备一下子上传了，(我TM刀呢？)这样的话我这个小组件必然是撑不住这么多的并发的，也是无奈必须要对其进行优化。现状分析1.此时上传组件是直接使用element-ui的upload组件进行开发的；2.根据业务需要，文件需要上传到OSS服务器上，因此在上传前需要请求接口读取上传

2021-07-09 15:56:32 284

转载 vue-cli 迁移 vite2

vue-cli 迁移 vite2 小结最近研究新的前端脚手架，基于vue3的vite工程，先上一张尤大的图镇楼~创建vite-vue工程使用 NPM 命令： $ npm init @vitejs/app或者使用 Yarn 命令： $ yarn create @vitejs/app命令执行后，会让我们选择构建哪一种框架的项目。如果你不想在命令行中做选择，可以指定具体的模板。$ npm init @vitejs/app my-vue-app --template vue1.配置文件

2021-06-09 16:09:10 838

原创基于Element的select组件的二次开发

基于Element的select组件的二次开发近况需求实现思路具体实现最后实现效果近况哎呀呀，也是好久好久没有更新博客，一个是因为需求太多，另一个是因为太懒(哈哈，这个是主要原因)，最近都在做Element的需求，因为是之前的项目，vue3和Element-Plus也还没开始用，准备多学习学习在小项目上练练手。需求好啦废话不多说啦，最近接到这么一个需求，在基础的饿了么的选择器中加入头像，姓名，描述等信息。大致就是这样样子:看到这里并没有什么问题，因为select组件是支持自定义options的样

2021-05-17 15:49:27 1044 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 3504 55

原创 AutoComplete自动完成分类查询功能

Antdesign-vue AutoComplete自动完成分类查询功能官方例子效果实现最近在业务里遇到需要在输入框输入的同时，要有搜索提示的需求。因为笔者最近都在做Antdesign的项目，所以就用这个框架来处理，首先来看一下效果：官方例子首先Antdesign自己的官网就有示例.其实这个例子已经满足我们80%的需求了，我们只要在他的基础上增加搜索功能就好了。效果实现1.首先查看文档，AutoComplete有一个事件方法：所以我们就在这个事件上去做搜索功能，完整HTML代码：&l

2020-12-31 14:14:33 2828 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 1076 1

原创 mac下使用Charles抓包Http和Https请求

Charles抓包工具使用关于Charles抓包工具下载安装Charles使用Charles的手机抓包配置Https抓包关于Charles抓包工具Charles 是一款收费的抓包修改工具，易上手，数据请求容易控制，修改简单，抓取数据的开始暂停方便等优势！下面详细介绍下这款强大好用的抓包工具。抓包（packet capture）就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作。也用来检测网络安全。抓包也经常被用来进行数据截取等。在软件的测试等环节，有重要的作用。笔者之前都是用Fidde

2020-12-07 11:06:42 1109 4

zwd862375698的博客