JS--基础

前端：GUI界面，交互

1，鼠标事件对象

div跟随鼠标移动：注意设置绝对定位（position：absulote）

 

2，事件的绑定

addEventListener（）：可绑定多个事件，按绑定的顺序执行，事件字符串不用“on”

 

3，BOM对象

Window：整个浏览器的窗口

Navigator：代表当前浏览器信息，通过它可以来识别不同的浏览器

      @大部分功能已经不用

      @userAgent：仍在使用，保存浏览器信息

                          如果userAgent不能用，则用浏览器特有的一些对象来判断，比如（IE独有的AvtiveXObject对象）

Location：代表当前浏览器地址栏的信息

History：代表浏览器的历史记录，可操作浏览器的历史记录，但由于隐私原因不能获取具体的历史

             只能操作浏览器向前向后，且当次访问有效

Screen：代表用户的屏幕信息

 

4，定时器

 @向执行动画的定时器中添加一个timer属性，用来保存它的定时器，避免被其他对象关掉（尽量别定义全局定时器）

 @修改class可以同时修改多个样式

 

5，JSON（JavaScript Object Notation JS对象表示法）

▶︎ JSON是一个特殊格式的字符串，可被任意语言所识别，并且可被转成任意语言多对应的对象，

▶︎ JSON在开发中主要用于数据的交互，属性名必须加双引号

▶︎ JSON分类：

 ・对象：{}

 ・数组：[]

▶︎ 将json转化成JS对象：JSON.parse(json字符串) --->返回一个JS对象

▶︎ 将JS对象转化成json：JSON.stringify(JS对象) --->返回一个JSON字符串

 

6，JS内存

a = null：表示内存空间回收

局部变量：函数执行分配内存空间，执行完毕，自动释放内存空间。

 

7，回调函数

种类：

◇ dom事件回调函数

◇ 定时器回调函数

◇ ajax请求回调函数（与后台交互）

◇ 生命周期回调函数

特点：你定义的，没调用，最终执行了。

 

8，IIFE（Immediately-Invoked Function Expression：立即执行函数表达式）

匿名函数自调用：（function () {}）（）

作用：隐藏实现；不会污染全局命名空间；用它来编写JS模块

 

9，函数中的 this

this的值是调用函数的当前对象，没指定就是window