JS最好教程

第一章 js基础部分

 

目录

第一章 js基础部分

1.1 JS常见的输入

 1.2 JS的位置

 1.3 JS注解

1.4 JS字面量和变量

1.5 JS标识符

1.6 JS数据类型

1.7 JS中Number类型

1.8 JS中Boolean类型

1.9 JS中NULL和Undifind类型

1.10 JS中强制类型转换

1.11 JS中转换为Number

1.12 JS中进制转换

 1.13 JS中Boolean类型转换

1.14 JS中的自增和自减

1.15 JS中的逻辑运算

1.16 JS中的三元运算

第二章 js对象

2.1 对象

2.2 属性名和属性值

2.3 基本类型和引用类型

2.4 对象字面量

第三章 js函数

3.1 函数

 3.2 函数参数

3.3 函数返回值

3.4 立即执行函数

3.5 函数作为对象的属性

3.6 枚举对象中的属性

3.7 参数的作用域

3.8 函数的作用域

3.9 变量声明提前

3.10 this的使用

3.11 以工厂的方式创建对象

3.11 构造函数

3.12 js中的原型prototype属性

3.13 prototype属性详细

3.14 hasOwnProperty(变量)使用

3.14 利用原型修改toString

3.15 垃圾回收

 第四章 js数组

4.1 数组介绍

4.2 数组创建

4.3 数组常用方法

4.4 数组剩余方法

4.5 数组遍历

4.6 数组中forEach()方法使用

4.7 函数的方法

4.8 arguments的使用

4.9 Date对象

4.10 Math对象

4.11 String对象方法

4.12 正则表达式

​

4.14 正则表达式其他匹配规则

4.15 正则表达式与字符串

4.16 邮箱正则

第五章 DOM内容

5.1 简单介绍

5.2 事件

5.3 window.onload文档加载

5.4 常见的document选择器

5.5 document选择器的属性

5.6 全选功能实现

5.7 document其他选择器

5.8 js文档处理

5.9 js添加删除练习

5.10 注意事项

5.11 dom操作css

5.12 dom读取元素样式

5.13 dom其他样式属性

5.14 简单练习

5.15 事件对象

5.16 简单的练习

5.17 事件冒泡

5.18 事件委托

5.19 事件绑定

5.19 事件传播

5.20 键盘事件

5.21 键盘事件练习

5.22 滚轮事件

第六章 浏览器兼容性问题

6.1 forEach的方法不兼容

6.2 获取节点方法不兼容

6.3 读取样式不兼容

6.4 事件对象不兼容

6.5 滚动条不兼容

6.6 事件绑定不兼容

第七章 BOM内容

7.1 BOM的介绍

7.2 History的介绍

7.3 Location的介绍

7.4 定时器的介绍

7.5 延时调用的定时器

7.6 类的操作

7.7 Json的介绍

---

1.1 JS常见的输入

 1.2 JS的位置

可以将js代码编写到外部js文件中，然后通过script标签引入写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制推荐使用的方式

 1.3 JS注解

1.JS中严格区分大小写

2.JS中每一条语句以分号(;)结尾

        - 如果不写分号，浏览器会自动添加，但是会消耗一些系统资源，

        而且有些时候，浏览器会加错分号，所以在开发中分号必须写

3.JS中会忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化

1.4 JS字面量和变量

1.字面量是不会变的

2.变量是会变的

1.5 JS标识符

1.6 JS数据类型

1.常见的6中数据类型。

1.7 JS中Number类型

1.注意这里的NAN表示的不是一个数字，可以用isNAN()方法来判断

2.注意在JS中如果使用JS进行浮点运算，可能得到一个不精确的结果所以千万不要使用JS进行对精确度要求比较高的运算

3.在JS中整数的运算基本可以保证精确

友情提示：后端传递数据会导致前端丢失精度。

1.8 JS中Boolean类型

1.注意这里的Boolean

1.9 JS中NULL和Undifind类型

1.注意这里的NULL 表示的是一个空对象，undifind就是这个类型未定义。注意他们的类型

1.10 JS中强制类型转换

1.注意这里的NULL 表示的是一个空对象，undifind就是这个类型未定义。注意他们的类型

下面的是toString()方法不能强转换null和Undifind

1.11 JS中转换为Number

1.注意这里的NULL 表示的是一个空对象，undifind就是这个类型未定义。注意他们的类型

1.12 JS中进制转换

1.注意下面的是进制转换

 1.13 JS中Boolean类型转换

1.14 JS中的自增和自减

1.注意自增和自减，后++就是这个位置该什么值就是什么值，但是后面用的时候必须要+1在给后面相同的变量，如果是前++直接就是这个位置+1。

1.15 JS中的逻辑运算

1.注意参与逻辑运算就是boolean类型

&& || 非布尔值的情况

                *   - 对于非布尔值进行与或运算时，

                *          会先将其转换为布尔值，然后再运算，并且返回原值

                *   - 与运算：

                *          - 如果第一个值为true，则必然返回第二个值

                *          - 如果第一个值为false，则直接返回第一个值

                *   - 或运算

                *          - 如果第一个值为true，则直接返回第一个值

                *          - 如果第一个值为false，则返回第二个值

下面的是在进行非布尔类型运算的时候。 

1.16 JS中的三元运算

1.注意比较复杂的三元运算

第二章 js对象

2.1 对象

下面的是对象的分类

 分为三种

 下面的是自己创建的对象

2.2 属性名和属性值

下面对其属性名和属性值的介绍

下面的是介绍在对象中是否包含对应的属性名，使用的关键字是in

2.3 基本类型和引用类型

下面基本类型和引用类型的介绍

2.4 对象字面量

直接就是用大括号定义对应的内容

第三章 js函数

3.1 函数

下面的是函数的介绍

下面的是介绍如何使用

 3.2 函数参数

下面的是函数参数

3.3 函数返回值

下面的是函数返回值，如果return 后面什么都不返回的话就是返回undefind

注意下面的函数的使用，将函数赋值给一个变量，这个变量就是函数的代码。

3.4 立即执行函数

下就是立即调用的函数。注意这里的传递的参数

3.5 函数作为对象的属性

下就是将函数作为对象的属性

3.6 枚举对象中的属性

下就是将对象的所有属性都显示出来

注意下面的属性值和属性名的获取

3.7 参数的作用域

下面的就是介绍参数的作用域，全局的作用域是保存在windos中的

3.8 函数的作用域

下面的是函数作用域

3.9 变量声明提前

下面的就是将其变量的声明会提前到最上面

3.10 this的使用

注意这里的this的使用，以函数形式调用this指的就是windos如果是对应调用就是这个对象

3.11 以工厂的方式创建对象

注意用工厂方式创建对象，创建的对象使用的是Object创建的判断的类型是判断不出来的。

3.11 构造函数

注意下面的构造函数创建对象，先创建一个函数的。用于定义一个对象，注意创建的使用的是this关键字，创建的时候，使用new关键字就可以创建相应的对象

3.12 js中的原型prototype属性

下面的是介绍prototype属性的作用。就是用于存放到公共的地方。

3.13 prototype属性详细

下面的是介绍prototype属性的设置和获取，在我们创建的每一个函数解析器都会向函数中添加一个属性prototype

3.14 hasOwnProperty(变量)使用

注意这个方法的使用，就是判断原型中不是是有对应的属性

3.14 利用原型修改toString

修改toString方法

3.15 垃圾回收

下面的是介绍垃圾回收，当为空的时候，就会进行垃圾回收

 第四章 js数组

4.1 数组介绍

下面的数组的介绍向最后一个元素添加元素arr[arr.length]就是在最后一位添加元素

4.2 数组创建

下面的数组的创建

4.3 数组常用方法

下面的数组创建的常用方法

push()该方法可以向数组的末尾添加一个或多个元素，并返回数组的新的长度

pop()该方法可以删除数组的最后一个元素,并将被删除的元素作为返回值返回

unshift()向数组开头添加一个或多个元素，并返回新的数组长度

shift()可以删除数组的第一个元素，并将被删除的元素作为返回值返回

slice()  - 参数：不改变原数组

    * 1.截取开始的位置的索引,包含开始索引

    * 2.截取结束的位置的索引,不包含结束索引

    *   第二个参数可以省略不写,此时会截取从开始索引往后的所有元素

    *   索引可以传递一个负值，如果传递一个负值，则从后往前计算

    *   -1 倒数第一个

*   -2 倒数第二个

splice()  - 可以用于删除数组中的指定元素，改变原数组

* - 使用splice()会影响到原数组，会将指定元素从原数组中删除

    *并将被删除的元素作为返回值返回

    * - 参数：

    *   第一个，表示开始位置的索引

    *   第二个，表示删除的数量

    *   第三个及以后

    *   可以传递一些新的元素，这些元素将会自动插入到开始位置索引前边

下面的常用方法