JavaScript笔记

行间js样式

属性：

onclick    -    点击

alert    -    弹出

prompt()函数用于弹出提示用户进行输入信息的文本框

优点：非常的直观，直接作用于你写的元素

缺点：结构分离不清晰(HTML、css、js)

          无复用性

           维护不方便，后期修改不方便

内部js样式

//    单行注释

/*

    多行注释

*/

优点：结构分离更清晰

          可以复用于当前页面

          较利于维护和修改

缺点：多页面之间无法复用

          多也面修改维护较麻烦

外部js样式

优点：结构彻底分离

          多页面进行复用

          后期维护修改非常方便

缺点：增加请求数

          

外部js是推荐在工作中使用的方式！！！！！！！！！

type属性：表示编写代码使用的脚本语言类型

document.getElementById()

        documen    -    文档

        .        -        的

        getElementById

                get        -        获取

                Element    -    元素

                By        -        通过

                ID        -        

                ()        -        i填写d名称

                当前文档中，通过id获取元素

js是区分大小写的

console    -    控制台

console.log(放置想要检查的元素)

document.querySelector（）-    获取css元素，通过元素选择器来选择

document.getElementById （）-    通过id进行获取，如果获取一个不存在的元素，得到的结果会是null

id是当前页面中唯一的

null    -    获取的元素不存在

window.onload    -    等待窗口加载

function(){

    放置窗口加载完成之后做的事情

}

onclick    -    点击事件

function    -    点击后要做的事情（函数）

修改元素的样式：在.的后面加style就可以修改样式了

什么是变量？

变量用于存储数据

如何使用变量？

在使用变量钱需要声明变量

变量声明步骤：-使用关键字声明变量(js中定义好的有一定特殊含义的单词)

                        -准备一个变量名

如果说想要给已经声明的变量赋值，不需要再次声明

如果只声明变量的时候，没有赋值的时候，默认值为undefined

undefined    -    未定义的

变量的好处

-简化代码，增强可读性

-可以复用

变量命名规则

-不允许数字开头

-不允许使用关键字和保留字

-允许是字母，数字，下划线的任意组合而成 

什么事函数

可重复使用的代码块

如何使用使用函数

在使用函数之前我们需要先创建函数

函数声明

-有名函数

-匿名函数

函数创建之后是需要调用的！否则不执行

调用有名函数：函数名（）

标识符

-变量名

-函数名（函数参数）

-属性名

JS属性操作

常用属性

-id                -className

-value           -style    -background，color，width，height，cssText

-innerHTML    -href

-src                 -tagName

字符串的使用

+号的作用

    -作为计算的加法运算符使用，加号左右两侧必须都是数字

    -作为连接符进行使用，把加号左右两边的内容拼接到一起

if语句

if（小括号里面放判断条件）{

    只有小括号里面的条件满足那么这里的代码才会执行

}

if.....else

判断条件可以有多个

可以只有if没有else

判断条件值布尔值

true    -    真

false    -    假

判断条件的小括号：程序会将括号内的判断条件转为true或false，然后交给if去做判断

比较运算符和逻辑运算符

比较运算符

1>2    大于

1<2    小于

5==10    等于

5==10：比较等号左右两边的值是否相等，如果相等返回true，否则返回false

逻辑运算符

1>10 && 2<3

5>10  |  |  2>3

1>10 && 2<3：如果左侧的结果为true，则返回右侧的结果，如果左侧为false，直接返回左侧 

5>10  |  |  2>3：如果左侧的结果为true，则返回左侧的结果，否则返回右侧结果

逻辑运算符

“与或非”    &&-与    | |-或    !-非

++    -    每次为这个值加1

a标签是超链接，会导致页面的刷新或者跳转页面，所以我们可以在href添加JavaScript：；来禁止页面的跳转

条件分支语句    -    switch

1.找到和已知条件 完全匹配的选项执行

2.执行完毕代码需要些break，不然会 向下穿透

3.可以书写一个default，会在所有选项 都不匹配的时候执行

4.当发生穿透效果的时候，会从 第一个条件满足的选项开始向下穿透

循环结构语句-while

1.while会 重复的执行一段代码，直到重复结束才会继续执行后续的代码

2.千万要书写 改变初始值的代码，不然会出现 死循环

3.在循环内， 初始值、条件判断和 改变初始值都能控制循环次数

4.在循环内，循环控制变量是一组 有规律的数字

循环结构语句-do....while

当初始变量在条件以内的时候，while和dowhile循环是一样的

当初始变量在条件以外的时候

    -while循环一次都不执行

    -dowhile循环会执行一次

循环结构语句-for

函数

1.函数就是js中的一个数据类型而已

2.函数定义阶段，函数体内代码不执行调用依次执行一次

3.形参:就是定义才函数内部使用的变量

   实参：就是函数调用是给形参赋值的内容

4.在函数内使用return给函数添加一个结果函数的返回值

function(){

}

形参

函数定义阶段小括号的内容叫形参

形参-一个特殊的变量

特殊-只能在函数内部使用

 值-函数调用的时候由实参确定

形参    -    定义在函数内部的变量

实参    -    在调用函数时给形参赋值

实参

调用阶段小括号里的内容叫实参

实参：给形参进行赋值

规则：按照从左到右的顺序依次赋值

函数的返回值    -    给函数调用一个结果

作用域

范围

全局作用域    -    一个页面就是一个全局作用域

私有作用域    -    只有函数生成私有作用域

使用    -定义：声明在什么位置的变量是哪一个作用域的变量

             -访问：自己有用自己的，自己没有用父级的一次类推，到全局没有就报错

             -赋值：自己给自己的赋值，自己没有就给父级的赋值，以此类推，到全局都没有，定义为全局再赋值

对象数据类型object

创建

给一个变量赋值为大括号，在大括号内书写间值对，每一个键值对之间用逗号分割

操作

增    -对象名.键=值    对象名['键']=值

删    -delete 对象名.键    delete对象名['键']

改    -对象名.键=值    对象名['键']=值

查    -对象名.键    对象名['键']

数组数据类型Array

数组：有序的数据的集合

数组的操作：

长度操作    -获取长度    语法：数组名.length

                    -设置长度    语法：数组名.length=数字

数据的操作    -获取数据    语法：数组名[索引]

                        -设置数据    语法：数组名[索引]=值

总结：创建：var arr=[1,2,3,4,5]

            排列 索引：从0开始依次+1

长度操作：访问：数组.length

                 设置：数组.length=数字

数据操作：访问：数组[索引]

                 设置：数组[索引]=值

遍历：利用循环进行遍历，开始为0，结束为小于长度，步长为1利用循环控制变量当作索引来访问数组里面的每一个数据

数组常用方法

push（）

语法：数组.push（数据）

作用：将数据追加到数组的末尾

返回值：追加数据后数组最新的长度

pop（）

语法：数组.pop（数据）

作用：删除数组最后一个数据

返回值：被删除的数据

UNshift（）

语法：数组.UNshift（数据）

作用：将数据添加到数组的最前

返回值：添加数据后数组最新的长度

shift（）

语法：数组.shift（）

作用：删除数组最前一个数据

返回值：被删除的数据

reverse（）

语法：数组.reverse（）

作用：将数组反转

返回值：反转后的数组

splice（）

语法：数组.splice（开始索引，多少个要插入的数据）

        -开始索引：默认是0

        -多少个：默认是0

        -要插入的数据：默认是没有

作用：删除数组中若干数据，并选择是否插入新的数据

返回值：以新数组的形式返回被删除的数据，返回值则是以新数组的形式返回被删除掉的那些数据

sort（）

语法：数组.sort（）

          数组.sort(function(a,b){return a-b})

          数组.sort(function(a,b){return a-a})

作用：将数组进行排序

返回值：排序好的新数组

join（）

语法:数组.join（连接符）

作用：将数组用连接符连接成为一个字符串

返回值：连接好的字符串

concat（）

语法：数组.concat（其他数组）

作用：将其他数组和数组拼接在一起

返回值：拼接好的新数组

slince（）

语法：数组.slice（开始索引，结束索引）

          开始索引：默认是0        

          结束索引：默认是数组长度

作用：截取数组中的默写数据

返回值：以新数组的形式返回截取出来的新数据

indexOf（）

语法：数组.indexOf（数据）

作用：查找数据在数组中的索引位置

返回值：有该数据返回第一次出现的位置，没有该数据返回-1

forEach（）

语法：数组.forEach（function（item,index,arr）{}）

作用：遍历数组

返回值：无

map（）

语法：数组.map（function（item,index,arr）{}）

作用：映射数组

返回值：映射后的新数组

filter（）

语法：数组.filter（function（item,index,arr）{}）

作用：过滤数组

返回值：过滤后的新数组

every（）

语法：数组.every（function（item,index,arr）{}）

作用：判断数组是不是每一项都满足条件

返回值：一个布尔值

some（）

语法：数组.some（function（item,index,arr）{}）

作用：判断数组是不是有某一项满足条件

返回值：一个布尔值

总结：

push（）    从后面追加

pop（）    从后面删除

unshift（）    从前面添加

shift（）    从前面删除

reverse（）    反转数组

splice（）    截取并添加

sort（）    数组排序

join（）    数组连接为字符串

concat（）    拼接数组

slice（）    截取数组

indexOf（）    查找数据在数组中的索引

forEach（）    遍历数组

map（）    映射数组

filter（）    过滤数组

every（）    判断是否满足条件

some（）    判断是否有满足条件的项

字符串的常用方法

charAt（）

语法：字符串.charAt（索引）

作用：获取对应索引位置的字符

返回值：对应索引位置的字符

toLowerCase（）

语法：字符串. toLowerCase（）

作用：将字符串内的字母全部转换成小写

返回值：转换好的字符串

toUpperCase（）

语法：字符串.toUpperCase（）

作用：将字符串内的字母全部转换成大写

返回值：转换好的字符串

replace（）

语法：字符串.replace（换下内容，换上内容）

作用：将字符串内第一个满足换下内容的片段替换成换上的内容

返回值：替换好的字符串

trim（）

语法：字符串.trim（）

作用：去除字符串收尾的空格

返回值：去除空格后的字符串

split（）

语法：字符串.split（分隔符）

作用：按分隔符将字符串切割成为一个数组

返回值：切割后的数组

substr（）

substring（）        作用都是截取字符串，返回值截取出来的字符串

slice（）

总结：

charAt（）    按照索引获取字符

toLowerCase（）    转小写

toUpperCase（）    转大写

replace（）    替换字符串

trim（）    去除首尾空额

split（）    切割字符串

substr（）    截取字符串

substring（）截取字符串

slice（）    截取字符串

数字常用方法

random（）

语法：Math.random（）

作用：获取0-1之间的随机小数

round（）

语法Math.round（数字）

作用：对数字进行四舍五入取整

返回值：四舍五入后的整数

ceil（）

语法：Math.ceil（数字）

作用：对数字进行向上取整

返回值：向上取整后的整数

floor（）

语法：Math.floor（数字）

作用：对数字进行向下取整

返回值：向下取整后的整数

pow（）

语法：Math.pow（底数，指数）

作用：对数字进行取幂运算

返回值：取幂后的结果

sqrt（）

语法：Math.sqrt（数字）

作用：对数字进行二次方根运算

返回值：二次方根后的结果

abs（）

语法：Math.abs（数字）

作用：对数字进行绝对值运算

返回值：绝对值运算后的结果

max（）

语法：Math.max（数字1,2,3,4.......）

作用：获取若干数字的最大值

返回值：若干个数字中的最大值

min（）

语法：Math.min（数字1,2,3,4.......）

作用：获取若干数字的最小值

返回值：若干个数字中的最小值

PI

语法：Math.PI

作用：得到一个近似π的值

时间常用方法

时间对象获取

getFunllYear（）    -    获取到时间对象中的年份信息

getMonth（）    -    获取到时间对象中的月份信息

getDate（）    -    获取时间对象中的日份信息

getHours（）    -        获取时间对象中的小时信息

gtMinutes（）    -    获取时间对象中的分钟信息

getSeconds（）    -    获取时间对象中的秒钟信息

getDay（）    -    获取时间对象中的星期信息

getTime（）    -    获取时间对象中的时间戳信息

设置需要把get修改为set，括号需要添加数字

BOM操作

1.获取浏览器窗口尺寸

获取可是窗口宽度：window.innerWidth

获取可是窗口高度：window.innerHeight

2.浏览器的弹出层

提示框：window.alert('提示信息')

询问框：window.confirm('提示信息')

输入框：window.prompt('提示信息')

3.开启和关闭标签页

开启：window.open('地址')

关闭：window.close()

4.浏览器常见事件

资源加载完毕：dindow.οnlοad=function(){}

可视尺寸改变：dindow.οnresize=function(){}

滚动条位置改变：dindow.οnscrοll=function(){}

5.浏览器的历史记录操作

回退页面:window.history.back()

前进页面:window.history.forward()

6.浏览器卷去的尺寸

卷去的高度：

document.documentElement.scrollTop

document.body。scrollTop

卷去的宽度

document.documentElement.scrollLeft

document.body。scrollLeft

浏览器滚动到

滚动到：window.scrollTo（）

参数方式：window.scrollTo（left，top）

间隔定时器

语法：setInterval（函数，时间）

函数：每次要执行的内容

时间：单位是毫秒

延时定时器

setTimeout（函数，时间）

函数：时间到达执行的内容

时间：单位是毫秒

关闭定时器

语法一：clearInterval（要关闭的定时器返回值）

语法二：clearTimeout（要关闭的定时器返回值）

DOM基本操作

根据id名称获取

语法：document.getElementById('id名称')

作用：获取文档六中id名对应的一个元素

返回值：如果有id对应的元素，就是这个元素

              如果没有id对应的元素，就是null

根据元素类名获取

语法：document.getElementsByClassName('元素类名')

作用：获取文档流中所有类名对应的元素

返回值：必然是一个伪数组

             如果有类名对应的元素，有多少获取多少

             如果没有类名对应的元素，空的伪数组

根据匀速标签名获取

语法：document.getElementsByTagName('标签名')

作用：获取文档流中所有标签名对应的元素

返回值：必然是一个伪数组

             如果有标签名对应的元素，有多少获取多少

             如果没有标签对应的元素，空的伪数组

根据选择器获取一个

语法：document.querySelector（'选择器'）

作用：获取文档流中满足选择器规则的第一个元素

返回值：如果有选择器对应的元素，获取到第一个

              如果没有选择器对应的元素，null

根据选择器获取一组

语法：document.querySelectorAll（'选择器'）

作用：获取文档流中所有满足选择器规则的元素

返回值：必然是一个伪数组

             如果有选择器对应的元素，有多少获取多少

             如果没有选择器对应的元素，空的伪数组

操作元素内容

操作元素文本内容：获取：元素.innerText

                               设置：元素.innerText=‘新内容’

操作元素超文本内容：获取：元素.innerHTML

                                  设置：元素.innerHTML=‘新内容’

操作元素属性

原生属性：获取：元素.属性名

                 设置：元素.属性名=‘属性值’

自定义属性：获取：元素.getAttribute（‘属性名’）

                    设置：元素.getAttribute（‘属性名’，‘属性值’）

                    删除：元素.removeAttribute（‘属性名’）

获取元素类名

获取：元素.className

设置：元素.className=‘新类名’

操作元素行内样式

获取：元素.style.样式名

设置：元素.style.样式名=‘样式值’

注意：只能获取设置元素的行内样式

书写是用驼峰名写元素名称

获取元素非行内样式

获取：window.getComputedStyle（元素）.样式名

注意：可以获取行内样式，也可以获取非行内样式

节点操作

创建节点

语法：document.createElement（‘标签名称’）

作用：创建一个指定标签元素

返回值：一个创建好的元素节点

插入节点

语法：父节点.appendChild（子节点）

作用：把子节点放在父节点的内部，并且放在最后的位置

语法：父节点.insertBefore（要插入的子节点，哪一个子节点的前面）

作用：吧子节点放在父节点的内部，并且放在指定某一个子节点的前面

删除节点

语法：父节点removeChild（子节点）

作用：从父节点内删除某一个子节点

语法：节点.remove（）

作用：把自己直接删除

替换节点

语法：父节点.replaceChild（换上节点，换下节点）

作用：在父节点内，使用换上节点替换掉换下节点

克隆节点

语法：节点.cloneNode（是否克隆后代节点）

作用：把该节点赋值一份一模一样的内容

返回值：克隆好的新节点

获取元素尺寸

语法：元素.offsetHeight

          元素.offsetWidth

获取：元素内容+padding+border区域的尺寸

语法：元素.clientHeight

          元素.clientWidth

获取：元素内容+padding区域尺寸

事件

事件绑定

事件绑定的三要素

1.事件源：和谁做好约定

2.事件类型：约定一个什么行为

3.事件处理函数：当用户触发该行为的时候，执行什么代码

语法：事件源.on事件类型=事件处理函数

事件对象内的信息-鼠标事件

坐标信息：

1.offsetX和offsetY    -    相对于触发事件的元素

2.client和clientY    -    相对于浏览器可是窗口

3.pageX和pageY    -    相对于页面文档流

键盘事件    事件对象.keyCode

事件传播

 浏览器响应事件的机制

浏览器串口最先知道事件的发生

捕获阶段：从window按照结构子级的顺序传递到目标

目标阶段：准确触发事件的元素接收到行为

冒泡阶段：从目标结构父级的顺序传递到window本次事件传播结束

阻止事件传播

语法：事件对象.stopPropagation（）

事件委托

利用事件冒泡机制，把自己的事件委托给就够父级中的某一层

面向对象

面向对象是一种开发方式

面向过程：一种关注过程的开发方式

-在开发过冲中我们要关注每一个细节，步骤，顺序

面向对象：一种面向对象开发方式

-在开发过程中，我们看看有没有一个对象能帮我们完成任务

CreateObject()

 

构造函数的使用

构造函数和普通函数没有区别

-只不过在调用的时候和new关键字连用

 书写构造函数，函数名首字母大写

-当你看到名字的时候就知道要和new关键字连用

调用的时候，需要和new关键字i连用

=因为只有和new关键自恋用的时候，这个函数才会自动创建和返回对象的能力

-因为我们之所以书写构造函数就是为了使用它去批量生产对象

-如果不和new关键字连用，那么该函数没有穿件对象的能力，没有自动返回对象的能力

调用构造函数的时候，如果不需要传递参数

-可以不写最后的小括号

-如果需要传递差不是故意，那么必须写上小括号

-但是书写管饭推荐写上小括号

当你的函数名和new关键字连用的时候

-函数内部的this指向当前实例（new关键字前面的变量）

-我们直接在函数体内书写thie.xxx=值

    -就是在向自动穿件出来的对象里面添加

构造函数内部不要对边写return

-当你return了一个基本数据类型的时候，写了白写

构造函数的不合理

-当你在构造函数以内书写方法的时候

    -你需要想对象上添加方法的时候

    -值要创建一次对象（new一次）就会有一个函数在占用空间

    -创建100此对象，会有100个一模一样的函数出现

100个函数一模一样

-但其实里面有99个重复的，没有必要存在

ES6语法

定义变量

ES6以前我们定义变量使用var关键字

ES6新增了两个定义变量的关键字

    -let    -定义变量

    -constant    -定义常量（特殊的变量）

let/const与var的区别

var会进行与解析 

let/const不会进行与解析

var可以声明两个重名的变量

let/const不能定义重名变量

var没有块级作用域

let/const有块级作用域

let与const的区别

-let可以定义变量的时候不进行赋值

    -const在定义的时候必须赋值

-let定义的变量可以被修改

    -const定义的常量一经赋值不能被修改

箭头函数

箭头函数，实在es6的语法中对函数表达式的简写

对于声明式函数不能使用

在某些规则上又和以前的函数有一些不一样

什么是函数表达式

    函数表达式，又叫做匿名函数

    也就是我们不需要单独定义函数直接使用的位置

function关键字不写，在下括号和大括号之间加箭头函数就可以了

函数参数默认值

函数在定义的时候可以直接给形参设置一个默认值

当没有传递实参的时候就使用默认值

当传递了实参就是用传递的实参

普通函数可以使用，箭头函数也可以使用

解构赋值

快速从对象或者数组中获取成员

解构赋值分成两种：

    -数组的解构赋值

    -对象的解构赋值

模板字符串

其实就是es6内新增的定义字符串的方式

以前是用单引号或者双引号

现在可以用反引号

区别：可以换行书写

          可以直接在字符串内解析变量

            当你需要解析变量的时候，可以直接书写${变量}

展开运算符

...    作用：展开数组的[]或者展开对象的{}

作用1：合并数组

类语法

语法：class类名{

原先es5内的构造函数体

constructor（）{}

    直接书写原型上的方法即可

}

前后端交互

第一次测试

第二次测试

请求方式

GET

偏向获取语义化

参数是查询字符串

大小有限制2kb左右

参数位置在地址后面

POST

偏向提交的语义化

参数格式多样，但是需要特殊说明

理论上没有限制

参数位置在请求体内

GET请求和POST请求

GET请求

POST请求

 JQuery

一个大型的简单的第三方类库

对DOM操作进行封装

 

JQuery操作文本内容

html（）    等价于原生js中的innerHTML   

  

text（）    等价于原生js中的innerText

val（）    等价于原生js中的value

JQuery操作元素类名

addClass（）

语法：元素集合.addClass（需要添加的类名）

removeClass（）

语法：元素集合.removeClass（你需要删除的类名）

toggleClass（）

语法：元素集合.toggleClass（你需要谢欢的类名）

JQuery操作元素样式

操作元素

css（）

css获取样式

注意：可以获取到元素的行内样式，也可以获取到元素的非行内样式

语法：元素集合.css（你要获取的样式名称）

返回值：该样式的样式值

css设置样式

语法：元素集合.css（样式名，样式值）

注意：当你需要给一个元素设置样式值为px单位的时候可以省略单位不写

css批量设置样式

语法：元素集合.css（{你所有需要的设置样式}）

JQuery操作元素属性

attr（）

可以进行设置和获取元素的属性

注意：一般用于操作元素的自定义属性，attr操作的所有元素属性都会直接出现在元素的标签上

语法：元素. attr（你要获取的属性名）

返回值：该属性名对应的属性值

设置：

    -语法：元素.attr（属性名，属性值）

prop（）

可以获取和设置元素的属性

注意：-当prop设置元素的原生属性，会直接响应在元素标签身上

            当prop设置元素自定义属性，不会直接响应在元素标签身上，会响应在元素对象身上

注意：prop方法不能获取元素标签身上的自定义属性，只能获取到prop方法自己设置的自定义属性

语法：元素集合.prop（属性名，属性值） 

获取：-语法：元素集合prop（你要获取的属性名）

返回值：该属性对应的值

removeAttr（）

对元素的属性进行删除操作

语法：元素集合.removeAttr（你要删除的属性名）

removeProp（）

用来删除元素属性的方法

注意：不能删除原生属性

只能杉树prop方法设置的自定义属性

语法：元素集合.removeProp（你要删除的属性名）

jQuery获取元素尺寸

width（）    innerWidth（）    outerWidth（）

height（）    innerHerght（）    outerHeight（）

注意：不管该元素是否影藏都能获取到该元素的值

          不管盒子模型是什么状态，拿到的尺寸区域不变

jQuery元素偏移量

offset（）    获取元素相对于页面左上角的坐标位置

注意： 返回值是一个对象数据类型，{top：xxx，left：xxx}    

position（）    获取的就是元素的定位位置

注意：如果你设置的是right和bottom，会自动帮你换算成left和top的值给到你

JQuery事件绑定

on（）

语法：元素集合.on（‘事件类型’，事件处理函数）

语法：元素集合.on（‘事件类型’，选择器，事件处理函数）

语法：元素集合.on（{事件类型1：处理函数，事件类型2，处理函数}）

注意：不能进行事件委托了

把事件绑定给div元素，当你在div内的p元素触发事件的时候执行事件处理函数

事件委托，吧p元素的事件委托给了div元素来绑定

one（）

用来绑定事件。和on方法绑定事件方式是一样的

区别：one方法绑定的时间只能执行一次

hover（）

注意：JQuery里面一个特殊的事件

语法：元素集合.hover（移入时触发的函数，一出事触发的函数）

           当你只传递一个函数的时候，会在一入一出都出发

事件的解绑和触发

off（）事件解绑

解绑全部事件处理函数

语法：元素集合.off（事件类型）

解绑指定的事件处理函数

语法：元素集合.off（事件类型，要解绑的事件处理函数）

trigger（）事件触发

使用代码的方式，来触发事件

语法.元素集合.trigger（事件类型）

就会出发该元素的该事件

   JQuery基本动画函数

show（）显示

hide（）隐藏

toggle（）切换

-本身如果是现实的，就该隐藏

-本身如果是隐藏的，就显示

对于一场三个动画函数有共同的参数

-第一个表示运动时间

-第二个表示运动曲线

-第三个表示运动结束的回调函数

 JQuery折叠动画函数

slideDown（）显示

slideUp（）隐藏

slideToggle（）切换

-本身如果是现实的，就该隐藏

-本身如果是隐藏的，就显示

对于一场三个动画函数有共同的参数

-第一个表示运动时间

-第二个表示运动曲线

-第三个表示运动结束的回调函数 

 JQuery渐隐渐现动画函数

 fadeIn（）显示

fadeOut（）隐藏

fadeToggle（）切换

fadeTo（运动事件，指定的透明度，运动曲线，运动结束的回调函数）

-本身如果是现实的，就该隐藏

-本身如果是隐藏的，就显示

对于一场三个动画函数有共同的参数

-第一个表示运动时间

-第二个表示运动曲线

-第三个表示运动结束的回调函数

 JQuery综合动画函数

animate（）

-第一个参数：要运动的样式，以一个对象数据类型传递

-第二个参数：运动时间

-第三个参数：运动曲线

-第四个参数：运动结束的回调函数

>注意：关于颜色相关的样式是不能运动的

             关于transform相关的样式是不能运动的

 JQuery结束动画函数

需要用到运动结束的函数

stop（）

-当任何一个元素，执行了stop方法执行

-会立即结束当前的所有运动，目前运动到什么位置，会停留在什么位置

-一般对于结束动画的时候，都是在运动开始之前

finish（）

-当任何一个元素，执行了finish方法以后

-会立即结束当前所有运动，直接去到运动结束的位置 

JQuery Ajax

注意：因为发送Ajax请求，不是DOM

          不需要以来选择器去获取到元素

          她的使用，是直接依赖JQuery或者$变量来使用

语法：$.ajax（{本次发送Ajax的配置项}）

配置项：1.URL：必填，表示请求地址

              2.method：选填，默认是get，表示请求方式

              3.data：选填，默认是'',表示携带后端的参数

              4.async：选填，默认是true，表示是否异步

              5.success：选填，表示请求成功的回调函数

              6.error：选填，表示请求失败的回调函数

$.ajax（）

    

let和const命令

es6新增了let和const来声明变量，主要是解决var声明变量所造成的的困扰

1.var存在的变量提升

2.var可以重复声明变量

3.var不支持块级作用域

4.var不能用于定义常量

let命令，用来声明变量她的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。

consent声明的一个只读的常量，一旦声明，常量的值就不能改变，

constant声明的变量不得改变值，这意味着constant一旦声明变量就必须立即出事化，不能留到以后赋值

Express应用程序生成器

-通过应用生成器工具express-generator可以款速创建一个应用的骨架

-可以直接生成结构APP.js

-express是一个第三方没款

-express是一个基于node.js平台，快速、开放、极简的web开发框架

-丰富的API支持，强大而灵活的中间件特性