图片懒加载.以及Js中字符串的方法和操作数组

2017-06-11  本文已影响0人  逍遥g

字符串的方法

获取类型

1. myString.charAt(num)

返回在指定位置的字符。

2. myString.charCodeAt(num)

返回指定位置的字符的Unicode编码,这个返回值是0 - 65535之间的整数。

3. String.fromCharCode()

接受一个或多个指定的Unicode值,然后返回一个或多个字符串。

查找类型

1. myString.indexOf("")

返回某个指定的字符串,在字符串中首次出现的位置

参数2 num从那个位置开始查找

2. myString.lastIndexOf()

返回指定的字符串值最后出现的位置

3. myString.match()

在字符串中检索指定的值,返回的值就是指定的(值)

4. search()

只能作用于正则。

5. myString.replace()

将字符串中的一些字符替换为另外一些字符

截取类型

1.myString.slice(start,end)

从指定的开始位置,到结束位置(不包括)的所有字符串。如果不指定结束位置,则从指定的开始位置,取到结尾slice参数可以是负数,如果是负数,从-1开始指的是字符串结尾。

2.substring(start,end)

从指定的开始位置,到结束位置(不包括)的所有字符串。如果不指定结束位置,则从 指定的开始位置,取到结尾

3.substr(start,length)

从指定的位置开始取指定长度的字符串。如果没有指定长度,从指定开始的位置取到结尾。

转换类型

1.split("分割位置",[指定的长度])

将一个字符串分割成数组

2.toLowerCase();

用于把字符串转换为小写。

3.toUpperCase();

将字符串转换为大写

stringObject.concat(stringX,stringX,...,stringX)

操作数组

push();----就是在数组的尾部添加数据项,该方法的参数个数可以自定义;

pop();---该方法就是获取数组的最尾部的一个数据项,该函数无需传递任何参数;

shift();---获取数组的头部一项的数据信息;

unshift();--与shift完全相反,就是向数组的头部插入数据项信息;

图片懒加载

原理:当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换

成一张大小为1px图片的路径(这样就只需请求一次),只有当图片出现在 浏览器

的可视区域内时,才设置图片真正的路径,让图片显示出来,这就是图片懒加载

上一篇 下一篇

猜你喜欢

热点阅读