前端
Raken12
这个作者很懒,什么都没留下…
展开
-
动态给img图片设置宽/高
如何动态给图片设置宽高原创 2022-07-20 15:31:02 · 1267 阅读 · 0 评论 -
页面添加骨架屏
在页面由多个模块配置而成的时候,有时候有些模块展示较慢,会出现闪屏的样子,为了解决这个问题,用到了骨架屏。那么怎么使用呢,详见 https://github.com/Jurool/multipage-skeleton这里需要注意的是在skeleton.config.js中配置好需要加骨架屏的文件路径后,需要在相应的文件中手动写入相对应的class的div在根目录下创建 skeleton.config.js文件,写入下面代码const path = require(`path`);module.原创 2021-12-15 16:34:37 · 1073 阅读 · 0 评论 -
JavaScript判断数组是否有重复元素
JavaScript判断数组是否有重复元素isRepeat(arr) { var hash = {}; for(var i in arr) { if(hash[arr[i]]) { return true; } // 不存在该元素,则赋值为true,可以赋任意值,相应的修改if判断条件即可 hash[arr[i]] = true; } return false;},//使用时直接调用该原创 2021-08-03 18:12:28 · 353 阅读 · 0 评论 -
JavaScript两个数组对比差集
JavaScript两个数组对比差集subSet(arr1, arr2) { var arr = []; for(var i=0;i<arr1.length;i++){ if(arr2.indexOf(""+arr1[i]) < 0){ arr.push(arr1[i]); } } return arr; }, let a = [1,2原创 2021-08-03 18:11:08 · 354 阅读 · 0 评论 -
input 只可输入小于等于1的非负数且为两、一位小数
elemen ui el-input 只可输入小于等于1的非负数且为两位小数<el-input style="width:70%" v-model="addSpend" autocomplete="off" oninput="value=value.replace(/^0[0-9]|^[2-9]|^1[0-9]|^1\.|[^\d.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3')" placeholder="输入小于等于1的非负原创 2021-06-22 10:43:32 · 538 阅读 · 0 评论 -
js做表格假分页
若非不得已,不建议前端做假分页,下面开始代码吧<el-table :data='TectableData.slice((currentPageG-1)*pagesizeG,currentPageG*pagesizeG)'></el-table><el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-pag原创 2021-05-06 15:25:38 · 313 阅读 · 0 评论 -
计算起始时间与结束时间之间有哪些月份和周数
关于element ui 时间选择器的功能一、计算起始时间与结束时间之间有哪些月份estLabourMonth() { const months = [] const monthCol = [] const start = new Date(this.form.project_start_date); // 开始时间 const end = new Date(this.form.project_end_date); // 结束时间 const原创 2021-05-06 14:34:09 · 2592 阅读 · 0 评论 -
element ui 文件上传需要带参数时
element ui 文件上传 & this.$set在写上传文件这个功能时,按照饿了么的写法,发现如果需要带参数,这样有问题的,于是开始找百度,果然给我找到了,:action值可以为一个函数,于是尝试了一下<el-upload class="upload-demo" :action="getActionUrl()" :on-success="uploadSuccess" :on-error="uploadFail" :on-change="handleChang原创 2021-05-06 13:55:43 · 445 阅读 · 0 评论 -
js展示数字的时候,每隔三位数用逗号隔开
toThousands(num) { num = (num || 0).toString(); let number = 0, floatNum = '', intNum = ''; // 判断是否有小数位,有则截取小数点后的数字 if (num.indexOf('.') > 0) { number = num.indexOf('.'); // 获取小数点出现的位置 floatNum = num.substr(number); // 截取arr.原创 2021-05-06 13:41:56 · 481 阅读 · 0 评论 -
防止按钮重复点击
防止按钮重复点击<el-button type="button" :disabled="isDisable" @click="fn1">发送请求</el-button>export default { data() { return { isDisable:false,//防止多次提交 }; }, methods:{ async原创 2021-05-06 11:22:17 · 216 阅读 · 0 评论 -
标题vue导出表格数据,excel表格打不开
vue导出表格数据,excel表格打不开代码如下,当时是将**responseType: ‘blob’**写在{headers: getHeader() }外面,导致问题一直没解决,后来经过度娘,了解到要将他的位置放在data同级的对象里,不然下载后的文件打不开,提示文件损坏...原创 2020-10-13 18:08:04 · 1010 阅读 · 0 评论 -
webpack配置以及下载模块
下载yarn add webpack webpack-cli --dev练习参考版本:yarn add webpack@4.41.5 webpack-cli@3.3.10 --dev实现步骤:a安装webpackyarn add webpack@4.41.5 webpack-cli@3.3.10 --devb 修改package.json文件中的scripts键“build”: “webpack --mode=production”c 创建src\index.jscon原创 2020-09-25 13:32:39 · 559 阅读 · 0 评论