web前端
文章平均质量分 68
菜鸡张大民
一个稳步向前的web前端程序猿~
展开
-
基于Element-Plus的表格自动滚动hooks
近期在做页面的时候,公司有这么一个需求:要做一个看板,然后这个看板里面有很多列表,列表自动滚动,表格内的内容自动滚动。接到这种需求后,第一时间想的是找对应的插件去完成,最后发现都不能满足,这令我很脑壳疼,最后决定自己做原创 2022-09-30 09:10:33 · 2768 阅读 · 1 评论 -
Vxe-Table的各种坑,以及避坑指南(需要补充的请留言)
背景:由于公司要开发erp,采用了element-plus做为UI基础框架,但是回想往事点点滴滴,element-ui表格的种种表现令人痛心,于是跟leader商量之后决定使用Vxe-Table做表格插件,虽然element-plus在表格上也在大力优化,但就目前来看可用度确实不高,刚出了一个虚拟滚动,但看上去确实让人有点心急。。。开发阶段遇到的各种问题全局size的问题有点扯犊子的事,我element-plus要做全局的size修改,那就意味着我的表格也要做全局的size修改,庆幸的是它有原创 2022-05-19 16:50:59 · 33090 阅读 · 41 评论 -
mpvue排坑: 未找到入口 app.json 文件,或者文件读取失败等问题处理
注: 本人使用mpvue的时候是根据官网的五分钟快速上手操作的 地址是:http://mpvue.com/mpvue/quickstart/#_1第一步node最好是8.9版本的,原因是8.9目前最稳定,如果你的电脑安装的版本是8.9版本以上的,而且你还想继续使用现有版本,不用慌,因为npm安装还是比较灵活的,你可以在项目安装完成之后本项目内安装node的8.9版本,具体命令为: $npm i...原创 2018-11-12 14:16:00 · 392 阅读 · 0 评论 -
vue在微信分享和分享当前页面再次分享显示签名失败的处理
申明:文章属博主原创,如有转载请经过博主同意,否则必将追究责任。准备工作:1.绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。备注:登录后可在“开发者中心”查看对应的接口权限。2.引入微信jssdk在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1....原创 2018-09-14 14:56:28 · 4334 阅读 · 0 评论 -
input file单文件上传和FileReader对象的基本使用
多说无益,撸出的代码才是铁的事实。。。建议:可以先看代码再看步骤也挺不错。。。第一步:在上传框change的时候,获取自带的files对象,一般获取到的为files[0],如下面代码oFlieImg.onchange = function(e){ var _self = e.currentTarget; var oSelfFile = _self.files[0]; //获取...原创 2018-08-09 09:26:50 · 2211 阅读 · 0 评论 -
vuejs里面swiper自定义分页器
准备工作:确保数据已经获取到 swiper等各类引入工作已经做好 你会查api(如果你不会查文档我不知道怎么跟你描述这个问题)正常的swiper在vue中成功渲染 :DOM:<div class="swiper-container"> <div class="swiper-wrap"> <div class="swiper-silde" v-...原创 2018-07-19 10:25:26 · 6423 阅读 · 0 评论 -
今天教大家怎么用Sublime Text3批量更改文件
前言:本狼刚到新公司就发现了一个很恶心的问题,那就是文件管理混乱、文件命名规则相当混乱,这几度对我这种强迫症患者来讲是个致命的问题,经过领导开会决定,由我负责对文件的次序和文件名命名进行重新整理,虽然挺乐意的,但是看到将近2000个文件的时候也是头皮有点发麻,就这样改了一天,脑子昏昏沉沉,而且效率极低,我不知道为什么一个404能让我如此恶心!今天早上突然想到一个问题,那就是不能批量替换吗?之前的公...原创 2018-04-26 10:55:36 · 10446 阅读 · 1 评论 -
Animate.css动画库的使用
第一:下载地址 https://github.com/daneden/animate.css 第二:animate.css是一个很灵活的基于css3动画跨浏览器的css动画库,在你的项目中可以起到意想不到的作用安装方法:bower安装:$ bower install animate.css --savenpm安装:$ npm install animate.css --save基本使用方法:1.引...翻译 2018-04-10 11:53:57 · 3263 阅读 · 2 评论