![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
常用组件
闲人王昱珩
不忘初心,就不错了
展开
-
日期进度组件支持拖拽编辑日期进度(看图,附源码)
效果看图,刚写的组件,不完善的地方自己完善 拖拽的时候时间和比例自己会变,有需要自己拿源码,非vue的参考下思路就行 <template> <div class="zhTimeProcess"> <div class="processCtn" :ref="'zhTimeProcess'+ id"> <div ...原创 2020-03-24 10:45:34 · 681 阅读 · 1 评论 -
element-ui input组件改造,支持常用(自定义)数据类型匹配
效果如图,大部分功能和elment-ui差不多 新增type属性 type支持一些常用的正则匹配 number:数字 positiveNumber:正数 mobile:手机号 telephone:电话号 email:邮箱 webUrl:网址 Chinese:中文 IDcard:身份证 custom:自定义 当type属性为自定义时 你可以传入customReg属性(该...原创 2019-10-29 14:23:40 · 2815 阅读 · 2 评论 -
vue上下轮播组件简单实现
在vue社区里面没有找到特别好的上下轮播插件,基本都是图片的左右播放插件,质量也是参差不齐 在实现这个组件之前,先抛出一个问题,如何在vue中实现dom的环形结构? 首先来看轮播组件的思路 红色部分:相当于放映机,也就是容器,overflow:hidden 绿色内容:相当于胶片,也就是dom 当放映机从上往下移动的时候,从视觉上看,就像...原创 2018-05-29 15:13:25 · 14492 阅读 · 16 评论 -
前端拖拽排序插件的实现——讲一个六耳猕猴和孙悟空的故事
插件的整体功能参考的是支付宝的付款顺序拖拽 发文章之前还未对该插件进行封装及美化,但具体的功能已经实现,有需要源码的留邮箱 先说说一个拖拽功能的实现思路 其实类似于六耳猕猴和孙悟空的关系 一只是真猴子,另一只也是真猴子,不能说六耳猕猴是个假猴子,他确实在西游记的某几集里出现一下,代替了一下孙悟空,只目的不纯,而且有点假,把这个例子类比到拖拽,跟下图差不多 事实上,九九八十一难,还是孙...原创 2018-01-10 10:27:40 · 1150 阅读 · 2 评论 -
阿里云OSS直传多文件上传遇到的问题及解决方案
本人萌新,刚实习不久,在上一个项目需求中,需要用到阿里云的文件直传服务,通过各种找,最终找了一个比较靠谱的demo,基于plupload插件的一个前端文件上传插件。然后自己再进行了二次封装,并对其中的多文件上传bug进行了处理,其实道理很简单,说出来大家就懂,就是不断的看文档,看文档,看文档。先上干货。关于多文件上传的bug会在代码中进行注释说明。 首先要在项目中引用plupload的官方JS文...原创 2017-12-08 17:31:11 · 22431 阅读 · 19 评论 -
用浏览器实现win10菜单的拖拽布局效果
效果就是这么个效果,放个没有解释的源码,有空再解释~,可以扫左上角二维码加我QQ交流 <template> <div class="drag"> <div class="column"> <div class="row" @drop="drop" @dragover="allowDrop&原创 2018-12-04 11:04:37 · 1236 阅读 · 0 评论 -
对象数组中 对值相同的数据进行合并 —— 递归函数写法
在做许多管理系统的时候我们会遇到许多需要对表格数据进行合并的需求,如下图所示: 在上述例子中,我们得到的数据可能是扁平的,类似于 [{ '品类':'帽子/针织/长巾', '配色/尺码':'红褐色/L', '生产计划数':'800顶', '纱线':'42支哔哩啪啦', '颜色':'蓝色', '重量':'10千克' },{ '品类':'帽子/针织/长...原创 2019-05-30 16:13:41 · 3047 阅读 · 0 评论