js
y1s2y3
我不想写简介
展开
-
对element的日期控件进行处理--选择时间的限制
<el-date-picker class="mydate-picker"v-model="dateValue1"type="daterange"range-separator="-"size="small"ref="dateValue1"@change="timeChange1":picker-options="pi原创 2018-08-09 09:45:55 · 1458 阅读 · 0 评论 -
js 赋值与普通运算
赋值是从右往左计算是从左至右。 let a = 1 + 1+ 'a' + 1 + 1;//2a11原创 2019-05-22 23:03:28 · 248 阅读 · 0 评论 -
js判断对象的类型
typeofAbject = (info) =>{ let res = null; if(info instanceof Object){ res = 'Object'; } if(info instanceof Array){ res = 'Array'; } if(info instanceof RegEx...原创 2018-10-08 15:38:35 · 393 阅读 · 0 评论 -
vueJs 中 v-if和v-show的比较
1. 实现方法的不同v-if 是直接销毁或者重建domv-show 修改css样式,dom元素始终存在,修改的是display的值 2. 编译过程v-if 切换时,有个局部编译/卸载的过程,切换过程中合适的销毁和重建内部的事件监听和子组件 v-show 只是简单的display的值得改变,并不该变其他 3. 编译条件v-if是惰性的,只有值为真是...原创 2018-09-14 11:37:38 · 234 阅读 · 0 评论 -
在webstorm中编译vue模板使用less,webstorm报错的解决方案
<style scoped lang='less' type='text/less'> .demo { .list{ color: red; } }</style>原创 2018-09-13 16:42:56 · 646 阅读 · 0 评论 -
element 获取table组件的下标
<template scope="scope"> <span v-text="scope.$index+1"></span></template>原创 2018-09-17 10:15:00 · 7271 阅读 · 1 评论 -
我的正则表达式的积累
1. 手机号码验证let cell = document.getElementById('cell');let cellValue = cell.value;let typeFun = new RegExp(/^[1][3,4,5,6,7,8,9][0-9]{9}$/)console.log(typeFun.test(cellValue));2. 替换数组中的指定字段let t...原创 2018-09-04 11:34:37 · 114 阅读 · 0 评论 -
操作符++和--在前置和后置时候的区别
前置和后置的操作在部分情况下,是没有什么区别的。但是,在统一条语句中,包含有其他的运算时,前置运算,首先运算++或者--后,再执行其他运算,后置运算,先执行整个的的语句的运算,运算完成后,才执行++或者--运算 var a = 1, b = 1;console.log(b,'操作之前');//1++b;console.log(b,'操作了,之后');//2 cons...原创 2018-08-23 17:28:09 · 436 阅读 · 0 评论 -
create-react-app 创建的项目添加less支持
1. 使用create-react-app生成的项目文件,webpack的配置文件,没有显示,使用命令行 yarn run eject 是webpack的配置文件暴露出来 2. 安装less-loader和less,命令行: yarn add less-loader less --save-dev 3. 修改 webpack.config.dev.js 和 webpack.conf...转载 2018-08-13 10:33:52 · 273 阅读 · 0 评论 -
vue的生命周期中创建echarts失效
1. 在beforeCreate、created、beforeMount三个钩子 中,创建echarts实例会失效。 2. 失效原因猜测:由于beforeCreate、created、beforeMount这三个周期是在挂载结束之前的生命周期中。通过debugger逐步运行,可以看出,在这三个周期 中,echarts的实例是被创建了的,但是没有数据。在echarts创建之后,vue的相关代...原创 2018-08-13 10:24:11 · 1462 阅读 · 0 评论 -
js、react、vue阻止事件冒泡
vue阻止冒泡:<div @click.stop='demoFun'></div> react阻止冒泡:(懒得写了,直接上其他人的)https://zhuanlan.zhihu.com/p/26742034 jquery阻止冒泡$("#demo").click(function(event){event.stopPropagation...原创 2018-08-15 09:27:21 · 437 阅读 · 0 评论 -
create-react-app 创建react项目
1. 搭建好react的环境2. 创建react的项目 create-react-app demo3. 在package.json里添加"homepage"./" (注意后面的双引号里面的点号,----这个点花费了我很长的时间才弄对。)4. 使用yarn start启动项目或者yarn build打包项目...原创 2018-08-03 10:37:51 · 144 阅读 · 0 评论 -
js克隆
1. js 克隆分为简单克隆、深度克隆 2. 简单克隆: 原始类型为 为传递值,对象类型仍为引用传递。修改新的copy出来的对象,原始对象的数据会发生变化,反之,一样 3. 深度克隆: 所有的元素或属性完全复制,与原始对象完全脱离。===>新的对象无论做任何修改都不会影响原始对象,反之,一样 备注:函数的克隆会在内存中单独开辟一个新的空间,新旧函数之间互不影响。...原创 2018-08-02 15:46:17 · 402 阅读 · 0 评论 -
js对于小数的处理
1. 向下取整parseInt();//直接去除小数部分Math.floor(); 2. 向上取整:Math.ceil();//向下取整+1 3. 四舍五入Math.round(); 实例:var number1 = number2 = number3 = number4 = number5 = 2.6; console.log("5个原始的数据...原创 2018-08-06 15:19:21 · 628 阅读 · 0 评论 -
reduce 累加器
reduce() 方法接收一个函数作为累加器 ,数组中的每个值(从左到右)开始缩减,最终计算为一个值。reduce() 可以作为一个高阶函数,用于函数的compose var numArr = [1,2,3];function addFun(total,num){return total + num;}console.log(numArr.reduce(addFu...原创 2018-08-01 10:55:53 · 610 阅读 · 0 评论 -
使用谷歌浏览器翻译之后,vue数据修改,页面显示不变
在使用谷歌作为开发项目浏览的浏览器,在使用了谷歌翻译之后,vue数据改变后,页面不重新渲染。问题猜测:1. 由于使用谷歌翻译只有,页面的dom发生改变,导致vue找不到对应的dmo 2. 翻译之后,dmo已经发生改变,别默认为页面已发生改变,所以不重新渲染解决方法:1. 设置 <html lang="zh"> 避免被默认翻译,...原创 2019-09-20 10:31:15 · 2221 阅读 · 1 评论