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

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

作者: 逍遥g | 来源:发表于2017-06-11 22:15 被阅读0次

字符串的方法

获取类型

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图片的路径(这样就只需请求一次),只有当图片出现在 浏览器

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

相关文章

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

    字符串的方法 获取类型 1. myString.charAt(num) 返回在指定位置的字符。 2. myStri...

  • JS数组操作(看这一篇就够了)

    js中对数组操作整理了以下方法 join()   数组转换成字符串 push() 和 unshift()   数组...

  • js基础了解

    js数组常用遍历方法使用: js数组常用操作方法使用: 基本逻辑运算: 基本字符串操作方法:

  • 性能优化

    性能优化有哪些方法:1尽量减少http请求 合并js 合并css 图片雪碧图2延迟加载内容 图片懒加载 数据懒加载...

  • js中的几点常用知识

    1.js中的字符串反转输出 js中的字符串反转输出的N种方法: 2.js中数组转字符串和字符串转数组 javasc...

  • js 实现图片懒加载

    一、懒加载 懒加载也叫延迟加载,Js中图片的延迟加载,延迟图片需要符合某些条件时才加载;对于图片过多的页面,为了加...

  • JS

    JS 懒加载,预加载 概念:懒加载也叫延迟加载:JS图片延迟加载,延迟加载图片或符合某些条件时才加载某些图片。预加...

  • JS数组的操作

    上一篇JS字符串的操作中,介绍了split方法可以将字符串转化为以某种形式分割的数组,然后可以对其采用数组的操作方...

  • JS jsonArray操作

    JS jsonArray操作 js对数组对象的操作以及方法的使用 如何声明创建一个数组对象:var arr = n...

  • (八)数组方法

    数组方法汇总 数组拼接为字符串 模拟栈和队列 排序 数组操作 查找item在数组中的位置 迭代方法 归并方法

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/torkqxtx.html