javascript
路人甲小码
这个作者很懒,什么都没留下…
展开
-
element table自动滚动
1.给table设置ref<el-table :data="tableData" style="width: 100%" ref="table" height="300"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="name" label="姓名"原创 2022-03-09 10:00:00 · 1533 阅读 · 0 评论 -
js一维数组转二维数组
利用数组的splice方法进行转换1.封装函数// 入参 num:需要转换成几维数组,arr:需要转化的数组// 出参 转换后的数组arrChange(num, arr) { const newArr = []; while(arr.length > 0) { newArr.push(arr.splice(0, num)); } return newArr;},2.使用方法let arr=[1,2,3,4,5,6,7,8];console.log(this.a原创 2022-03-08 11:24:55 · 5558 阅读 · 0 评论 -
JS三元表达式多条件写法
一、单条件a==0?'正确':'错误'二、多条件a==0?'红色':a==1?'绿色':'黄色'原创 2021-07-15 14:42:55 · 1875 阅读 · 0 评论 -
vue阻止浏览器右键默认行为
一、在需要阻止的区域添加**@contextmenu.prevent**事件<div @contextmenu.prevent></div>二、如果存在父子级关系需要添加 @contextmenu.prevent.capture 事件修饰符capture给元素添加一个监听器,当元素发生冒泡时,先触发带有该修饰符的元素<div @contextmenu.prevent.capture> <p onclick="func2"> <s原创 2020-12-09 16:04:36 · 4726 阅读 · 3 评论 -
js过滤树形结构数据
一、使用递归遍历树形结构,根据条件过滤数据,返回过滤后的树形结构readNodes(nodes,arr=[]) { for (let item of nodes) { if (item.nodeClass !== 'Object') continue; let obj = {...item, children: []} arr.push(obj); if (item.children && item.children.length) this原创 2020-11-25 18:03:41 · 1944 阅读 · 0 评论 -
moment获取指定月份的第一天和最后一天
1.获取指定月份的第一天moment(日期).startOf("month").format("YYYY-MM-DD");2.获取指定月份的最后一天moment(日期).endOf('month').format("YYYY-MM-DD");3.获取指定月份的上月份的第一天moment(日期).subtract(1, 'months').startOf('month').format('YYYY-MM-DD');4.获取指定月份的上月份的最后一天moment(日期).subtract(1原创 2020-10-13 13:46:08 · 23120 阅读 · 3 评论 -
js 判断一个数字是否包含小数,如果包含则保留两位,否则返回自身
isFlow(num){ if(!isNaN(num)){ return ( (num + '').indexOf('.') != -1 ) ? num.toFixed(2): num; }}需要的地方使用:console.log(isFlow(12.3456)) //12.34原创 2020-09-27 17:09:04 · 1314 阅读 · 0 评论 -
vue div高度自适应
1.动态style绑定<div :style="styObj"></div>2.data定义data(){ return{ styObj:{ height:0 } }}3.mounted执行window.addEventListener('resize', ()=>{ this.styObj.height=window.innerHeight-255+'px';});原创 2020-09-14 19:43:40 · 3080 阅读 · 0 评论 -
iview 表格高度自适应
1.动态设置height<Table :columns="columns" :data="tableData" highlight-row ref="table" :height="tableHeight"></Table>2.data中定义data(){ return{ tableHeight:0 }}3.monted执行mounted(){ this.tableHeight = window.innerHeight - this.$refs.table.原创 2020-09-14 18:46:46 · 2005 阅读 · 0 评论 -
vue 数字金额转大写(封装好的直接调用)
1.新建tools.js文件// 数字金额转大写export const numToCny=(money)=>{ // 汉字的数字 var cnNums = new Array('零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'); // 基本单位 var cnIntRadice = new Array('', '拾', '佰', '仟'); // 对应整数部分扩展单位 var cnIntUnits = new Array('',原创 2020-09-14 15:52:23 · 2228 阅读 · 5 评论 -
iview实现表格可编辑
iview要实现table可编辑,使用render函数进行渲染,非常简单,希望对大家有所帮助。一、效果图如下:二、render函数使用方法h: vue Render函数的别名(全名 createElement)即 Render函数params: table 该行内容的对象props:设置创建的标签对象的属性style:设置创建的标签对象的样式on:为创建的标签绑定事件三、使用方法//创建一个表格<Table border :columns="columns" :data="原创 2020-09-11 20:06:19 · 3664 阅读 · 0 评论 -
限制input框只能输入数字
一、限制input框只能输入数字0-9,别的禁止输入.<el-input placeholder="请输入内容" v-model="maintainPeriod" oninput="value=value.replace(/[^\d]/g,'')" maxlength="2"></el-input>原创 2020-05-12 17:13:34 · 1050 阅读 · 0 评论 -
发送ajax请求时对特殊字符的处理
在项目开发中,发送ajax请求,给后台传的参数中包含&、#等特殊字符,接口请求失败。解决方法如下:一、使用encodeURIComponent转码encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ’ ( ) 。其他字符(比如 :;/?????&=+$,# 这些用于分隔 URI 组件的标点符号),都是由一个或多个十六进制的转义序列替换的。原创 2020-05-12 16:14:38 · 1878 阅读 · 0 评论 -
js 去除数组中的空值
1.去除数组中的空值removeTrim(array){ for(var i = 0 ;i<array.length;i++){ if(array[i] == "" ){ array.splice(i,1); i= i-1; } } return array;},原创 2019-11-13 11:08:52 · 849 阅读 · 0 评论 -
随机生成4位数验证码
一、随机生成4位数字字母混合验证码1.将52个字母和10个数字放在一个字符串中2.随机生成下标3.输出<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>随机生成4位验证码</title><s原创 2019-01-20 20:18:16 · 5190 阅读 · 2 评论 -
请问您对DOM事件流是怎样理解的?
一.先说一下事件冒泡及事件捕获1.事件冒泡:当触发了某个元素的某类型的事件,那么它的父级元素同类型的事件也会被触发。依次类推直到最根的元素(HTML),就再也不冒泡了。即从当前元素一直朝父级元素冒泡。2.事件捕获:和事件冒泡的顺序相反。先触发根元素,再依次朝子元素进行触发,直到当前元素(真正的事件源)为止。二、比较几种事件绑定的方式<!DOCTYPE html><...原创 2019-01-29 22:15:35 · 232 阅读 · 0 评论 -
JS实现轮播图效果
一、用JS实现轮播图,简单分为五大步,具体看代码块注释1.自动播放2.鼠标进入停止播放3.鼠标离开继续播放4.点豆豆跳转到对应图片5.给图片添加超链接二、示例图<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>简单的轮播图原创 2019-02-24 21:43:37 · 432 阅读 · 1 评论 -
js实现九宫格
一、js实现九宫格简单分为三大步,具体看代码块注释1.让每个li能够实现拖拽功能a).css布局用一个ul,九个lib).获取所有li,循环给每个li绑定onmousedown事件c).给ul添加onmousemove和onmouseup事件2.交换两个li交换源li和目标li的backgroundPosition3.归位让源li归为二、示例图&lt;!doctype htm...原创 2019-02-27 19:07:09 · 2993 阅读 · 2 评论 -
留言板(用快捷键enter/ctrl+enter发送)
一、js实现留言板;1.css布局:一个div,显示留言内容;两个文本框,第一个输入留言者姓名,第二个输入留言内容;三个发送按钮,第一个为点击发送,第二个为快捷键enter,第三个为快捷键ctrl+enter;2.给留言内容文本框绑定onkeydown事件,通过unicode码判断按下的是哪个快捷键;二、示例图&lt;!doctype html&gt;&lt;html lang="...原创 2019-03-01 20:57:15 · 1482 阅读 · 1 评论 -
javascript中,用tepyof检测数据类型
一、JS的6种数据类型1.undefined类型undefined只有一个值undefined,它是变量未被定义是的值2.unmber类型数字类型,包含整数± 9007199254740992 和浮点数±1.7976931348623157 × 10的308次方3.null类型null类型也只有一个值null .null类型的语义是“一个空的对象引用”,注意和空字符串区别开4.str...原创 2019-01-20 20:04:37 · 273 阅读 · 1 评论