JavaScript
JavaScript用于网页和用户之间的交互，完整的javascript由语言基础，BOM（浏览器对象模型(Browser Object Model)），DOM（Document Object Model( 文档对象模型 )、把html里面的各种数据当作对象进行操作的一种思路）组成、javascript是解释语言，是顺序执行的
语言基础
标签：javascript代码必须放在< script >标签中，script标签可以放在html的任何地方，建议放在head标签里，多段script代码会按照从上到下顺序执行，可以把javascript代码剥离出来单独放在一个文件里，在html中引用该文件
变量：var声明，变量命名与java类似，开头可以用 _ $ 和字母，其他部分可以用 $ _ 字母或者数字
基本数据类型：typeof来进行判断数据类型（undefined 声明但未赋值、Boolean 布尔、Number 数字、String 字符串、var 动态类型、null 空对象/对象不存在）数据类型是伪对象并存在属性和方法
类型转换：（转换为字符串：toString()方法(对null 与undefined报错)、String()(对null 与undefined报有效)）、（转换为数字：parseInt()、Number()和parseFloat()方法、当转换的内容包含非数字的时候，Number() 会返回NaN(Not a Number)、parseInt() 要看情况，如果以数字开头，就会返回开头的合法数字部分，如果以非数字开头，则返回NaN）、（转换为布尔：Boolean()方法 ）
函数：定义：function 函数名(参数列表){具体代码} 、参数的作用域就在这个函数内部、所有函数都可以访问全局变量
事件：用户任何对网页的操作，都会产生一个事件
算数运算、逻辑运算、条件语句、循环语句、异常处理
对象：数字Number（属性MIN_VALUE、MAX_VALUE、NaN、方法toFixed、toExponentia、valueOf），字符串String（属性 length、方法 charAt、charCodeAt、concat、indexOf、lastIndexOf 、localeCompare、substring、split、replace ），日期Date，数组Array（属性length、方法concat、join、push、pop、unshift、shift、sort、reverse、slice、splice），数学Math，自定义对象Object（通过function设计一种对象并实例化、通过prototype实现新方法）
BOM
Window：页面加载就会自动创建window对象
Navigator：浏览器对象提供浏览器相关的信息
Screen：用户的屏幕相关信息
History：记录访问历史（返回上一次的访问history.back()、返回上上次的访问history.go(-2)）
Location：浏览器中的地址栏（重加载当前页面location.reload()、跳转页面location.assign("/")）
弹出框：（警告框alert、确认框confirm、输入框prompt）
计时器：（只执行一次setTimeout(functionname, 距离开始时间毫秒数)、不停重复执行setInterval(函数名, 重复执行的时间间隔毫秒数)、终止重复执行clearInterval(setInterval对象)）
DOM
DOM节点：所有的html都转换为节点、通过attributes获取了该节点对应的属性节点
获取元素节点：（document.getElementById()、getElementsByTagName()、getElementsByClassName()、getElementsByName()、属性节点attributes、内容节点childNodes）
节点属性：nodeName、nodeValue、nodeType、innerHTML、元素节点的属性值可以（节点.属性名）直接获得、自定义属性则需要(节点.getAttribute(“属性名”))或者(节点.attributes[“属性名”].nodeValue)
样式：元素节点.style
事件：
| 事件 | 方法 |
|---|---|
| 焦点事件 | onfocus、onblur |
| 鼠标事件 | onmousedown、onmouseup、onmousemove、onmouseout、onmouseover（当鼠标进入一个组件的时候，onmousemove和onmouseover都会被触发，区别在于无论鼠标在组件上如何移动，onmouseover只会触发一次，onmousemove每次移动都会触发） |
| 键盘事件 | onkeydown、onkeypress、onkeyup（onkeydown可以获取所有键，除了打印键Prts，可以获取用户是否点击了修饰键 (ctrl,shift,alt)，不能判断输入的是大写还是小写，onkeypress只能获取字符键，不能获取用户是否点击了修饰键 (ctrl,shift,alt)，可以判断输入的是大写还是小写） |
| 点击事件 | onclick（在组件上，按下空格或则回车键也可以造成单击的效果）、ondbclick |
| 变化事件 | onchange（对于输入框而言，只有在失去焦点的时候，才会触发onchange） |
| 提交事件 | onsubmit |
| 加载事件 | onload |
| 阻止事件 | return |
节点关系：parentNode、previousSibling、nextSibling、childNodes（文本、空格、换行是文本节点）（childNodes和children都可以获取一个元素节点的子节点，childNodes 会包含文本节点，children 会排除文本节点)
节点操作：创建节点（document.createElement(标签名)、createTextNode()、createAttribute()）、添加节点（节点元素容器外添加append()、节点元素容器内添加appendChild()、属性节点添加设置setAttributeNode()、属性需要赋值nodeValue、内容节点和属性节点需要先创建标签元素节点）、删除节点（removeChild、removeAttribute、innerHTML=""）、替换节点（replaceChild(后,前)）、插入节点（追加节点appendChild()，插入节点insertBefore()）
JSON
JSON JavaScript 对象表示法（JavaScript Object Notation）是一种存储数据的方式
JSON对象由{（名称/值对）}组成，名称和值之间用冒号:隔开，名称必须用双引号" 包含起来，值可以是任意javascript数据类型，字符串，布尔，数字 ，数组甚至是对象，不同的名称/值对之间用逗号,隔开；方括号加大括号[{},{}…] 创建JSON 数组
访问JSON对象：JSON对象名[].值对象名
字符串转为JSON：eval()函数，eval()函数要以"(“开头，”)"结尾；JQuery的$.parseJSON转换函数
JSON转为字符串：JSON.stringify()
AJAX
AJAX Asynchronous JavaScript And XML 异步刷新：刷新该需要修改的地方，而页面中其他地方保持不变
分布解析：
- 创建XHR对象 XMLHttpRequest（XHR对象是一个javascript对象，它可以在用户没有感觉的情况下和服务器进行数据交互）
- 设置响应函数xmlhttp.onreadystatechange=回调函数名（利用回调函数进行处理）
- 设置并发出请求（通过open函数设置背后的这个小线程，将要访问的页面url、xmlhttp.open(“GET”,url,true)；POST方式需要设置头信息（xmlHttpRequest.setRequestHeader()）、a.如果请求元素中包含文件上传:setRequestHeader(“Content-Type”,“multipart/form-data”);b.不包含文件上传setRequestHeader(“Content-Type”,“application/x-www-form-urlencoded”)、GET方式不需要、通过send函数进行实际的访问、xmlhttp.send(参数)；）
- 服务端响应返回并调用响应函数（function 回调函数名(){
if (xmlhttp.readyState= =4 && xmlhttp.status==200）) - 处理响应信息(xmlHttpRequest.responseText)
JQuery的$.ajax()请求AJAX实现
