vue生命周期最新

<script> /* 生命周期: 每一个事物都有声明周期 所谓生命周期: 从出现到消亡的过程 Vue实例对象也有生命周期 1.创建完成之前 beforeCreate(); 2.创建完成,可以开始使用vue对象created() //将vue实例对象和元素进行关联 3.挂载之前 beforeMount() 4.挂载完成 mounted() ...
阅读全文

字符串对象方法最新

字符串对象的方法: 1. charAt()-----访问对应下标位置的字符(括号里面写下标) 2. length------获取字符串的长度 3. toUpperCase()-----转成大写字母 ...
阅读全文

可视距离和属性操作

getBoundingClientRect().bottom 元素的可视距离 getAttribute() 获取属性 setAttribute() 设置属性 removeAttribute() 删除属性 data-mylabel= “good” 自定义属性节点 div.dataset.mylabel 访问自定义属性节点
阅读全文

事件冒泡

事件冒泡
事件冒泡: 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,同时,这个事件还会向这个对象的父级对象传播,从下至上,(父级对象所有同类事件都将被激活),一直到达对象层次的最顶层,即document对象(有些浏览器是window)。 简单理解: 父元素与子元素同时绑定了onclick,因为子元素被父元素包裹着, 所以点击子元素的同时也相当于点击了父元素,因此会触发两个click事件。以此类推。 ...
阅读全文

三元三目运算

看如下代码,使用if..else在不同的情况下为变量a赋不同的值。 <script type="text/javascript"> var a; var b=0; if(b>0){ a=5; }else{ a=10; } </script> 更简单的做法: <script type="text/javascri...
阅读全文

内置函数

parseFloat(‘参数’); 将数字的字符串转化为小数 isNaN(参数); 判断参数是否为非数字 parseInt(参数1,参数2); 将字符串转换为整数,第二个参数指定进制数,可以不传参数 Number(参数); 将参数转化为数值类型 String(参数); 将任意类型转化为字符串 Boolean(参数); 可以将任意类型转换为布尔型
阅读全文

setTimeout()

在载入后延迟指定时间后,去执行一次函数或表达式,仅执行一次。 setTimeout(代码,间隔时间) 其中:参数代码可以是一个函数,也可以是一个表达式。 返回值: 一个可以传递给 clearTimeout() 从而取消对"代码"的周期性执行的值。 要创建一个运行于无穷循环中的计数器,我们需要编写一个函数来调用其自身。 要停止setTimeout()的重复执行,需要使用clearTimeout(),如果...
阅读全文

setInterval()

在执行时,从载入页面后每隔指定的时间执行代码毫。时间用秒计算。1s=1000ms。 setInterval(代码,间隔时间) 其中:参数代码可以是一个函数,也可以是一个表达式。 返回值: 一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。 网页上许多不用用户操作,据会自动重复呈现的页面效果,基本都是使用setInterval()方法来实现的。例如导航大图的轮番播放。 ...
阅读全文

DOM--获取元素的宽高

获取浏览器可视区域高宽 window.innerWidth,获得可视区域的宽,包括滚动条。 window.innerHeight,获得可视区域的高,包括滚动条。 IE6-8不支持。 兼容办法: document.documentElement.clientWidth。不包括滚动条。 document.documentElement.clientHeight。不包括滚动条。 获取页面内容高度: document.documentEle...
阅读全文

Date对象

Date对象: 日期对象可以储存任意一个日期,并且可以精确到毫秒数(千分之一秒)。可以通过Date对象获取和设置当前日期及时间。 Date对象不是直接量,使用前需要先构造(声明); var oDate=new Date(); 使用关键字new,Date()的首字母必须大写 getFullYear() 获取当前年份。 var oDate=new Date(); var year=oDate.getFullYear() //2017 ...
阅读全文