前端笔记16

目录

一、定时器练习

利用定时器设置图片转换

利用定时器控制速度，键盘控制方向让div移动

​

二、延时调用

三、类的操作

四、JSON

---

一、定时器练习

利用定时器设置图片转换

利用定时器控制速度，键盘控制方向让div移动

二、延时调用

延时调用一个函数不马上执行，而是隔一段时间以后在执行，而且只会执行一次
延时调用和定时调用的区别，定时调用会执行多次，而延时调用只会执行一次
延时调用和定时调用实际上是可以互相代替的，在开发中可以根据自己需要去选择

三、类的操作

    在js中通过style属性来修改元素的样式，每修改一个样式，浏览器就需要重新渲染一次页面这样的执行的性能是比较差的，而且这种形式当我们要修改多个样式时，也不太方便。
     我们可以通过修改元素的class属性来间接的修改样式这样一来，我们只需要修改一次，即可同时修改多个样式，浏览器只需要重新渲染页面一次，性能比较好，并且这种方式，可以使表现和行为进一步的分类

定义一个函数，用来向一个元素中添加指定的class属性值
参数:
obj要添加class属性的元素

cn要添加的class值
如：function addclass(obj , cn){
obj.className += " "+cn;
}

toggleclass可以用来切换一个类

如果元素中具有该类，则删除
如果元素中没有该类，则添加

四、JSON

 JS中的对象只有JS自己认识，其他的语言都不认识
JSON就是一个特殊格式的字符串，这个字符串可以被任意的语言所识别，
并且可以转换为任意语言中的对象，JSON在开发中主要用来数据的交互
--- javascript Object Notation JS对象表示法
---JSON和JS对象的格式一样，只不过JSON字符串中的属性名必须加双引号
其他的和JS语法一致

JSON分类:
1.对象{}       2.数组[]
JSON中允许的值:
1.字符串  2.数值   3.布尔值   4.null  5.对象 6.数组

将JSON字符串转换为JS中的对象
在JS中，为我们提供了一个工具类，就叫JSON
这个对象可以帮助我们将一个了JSON转换为JS对象，也可以将一个JS对象转换方JSON

JSON. parse()
-----可以将以JSON字符串转换为js对象
-----它需要一个JSON字符串作为参数，会将该字符串转换为JS对象
JS对象–--> JSONSON.stringify()
-----可以将一个JS对象转换为JSON字符串
------需要一个js对象作为参数，会返回一个JSON字符串
SON这个对象在IE7及以下的浏览器中不支持,所以在这些浏览器中调用会报错。

eval()这个函数可以用来执行一段字符串形式的JS代码，并将执行结果返回

如果使用eval()执行的字符串中含有{}，它会将{}当成是代码块
如果不希望将其当成代码块解析，则需要在字符串前后各加一个()

eval()这个函数的功能很强大，可以直接执行一个字符串中的js代码，
但是在开发中尽量不要使用，首先它的执行性能比较差，然后它还具有安全隐串