前言，对于前端基础的部分认识了解，我是个小白！

一，对象

（1）创建空白对象：var  obj  =  new  Object();

（2）构造函数（就是为了创建对象实例）

1，可以创建对象实例的函数。

2，区别与普通函数，首字母大写。

（3）This：this只出现在函数中。

谁调用函数，this就指的是谁。

new People()：   People中的this代指被创建的对象实例。

new:1.开辟内存空间，存储新创建的对象（ new Object() ）

2.把this设置为当前对象

3.执行内部代码，设置对象属性和方法

4.返回新创建的对象十进制的值=位值*进制（位数-1） +位值*进制（位数-1） +位值*进制（位数-1）

（4）对象字面量JSON

var obj = {aaa: 111}; var json = {“aaa”:111};

对象字面量定义方法和json很像，只有一点不同，json的key要求必须加“”;

json组成：Var json = {“aaa”: 1,“bbb”: 2,“ccc”: 3,“ddd”: 4}

Json由{}和key:value以及逗号组成，三部分。（只有一个键值对key:value时,可以没有逗号）

for...in...:Var json = {“aaa”: 1,“bbb”: 2,“ccc”: 3,“ddd”: 4}

for(var key in json){

//key代表aaa,bbb.....等

//json[key]代表1,2,3....等

}

构造函数的原理

function  Num(aaa){

this["[[PrimitiveValue]]"] = num/1;

return  aaa/1;

}

二,流程结构

分为三类：顺序结构，选择结构，循环结构。

顺序结构：按照解决问题的顺序写出相应的语句就行，它的执行顺序是自上而下，依次执行。

选择结构：1，丢弃小数部分,保留整数部分

2，向上取整,有小数就整数部分加

3，四舍五入

4，向下取整

循环结构：1，遍历数组首选for循环，简单循环使用for。

2，而while循环强调，不记循环次数（不知道循环多少次），首选while。

3，最后do...while循环强调，无论怎样，至少执行一次是，使用do...while。

（1）for循环

1，执行流程

for (变量;条件1;条件2){ 执行程序 }

执行过程：变量->条件1->执行程序->条件2->条件1->执行程序.....

直到条件1不成立，跳出循环。

2，三个表达式均为可选，但是必须写分号。（for（）{程序}     死循环；）

（2）while循环

语法规则：

var i = 0;

while(i<10){程序1；i++};

可以使用死循环和break连用。

While(true)(程序1; if(条件1){break;})

（4）do...while循环（一定会执行一次do中的程序）

var i = 0；

Do{

程序1；

i++;

}while(1<10);

事件：js是一门以事件驱动为核心的语言。事件的三要素是事件源，事件，事件驱动程序（获取事件源，绑定事件，书写事件驱动程序）

HTML的组成部分为节点（Node）：在HTML当中一切都是节点……

由结构图中我们可以看到，整个文档就是一个文档节点。

每一个HMTL标签都是一个元素节点（标签）。

标签中的文字则是文字节点。（文本）

标签的属性是属性节点。（属性）

操作节点，找到该元素，通过节点id找到HTML元素，通过节点标签名找到HTML元素，通过节点类名找到HTML元素。（节点的访问关系都是属性。节点的操作都是函数或者方法）

节点：

父节点 ：调用者就是节点。一个节点只有一个父节点。调用方式就是节点.parentNode.

兄弟节点：Sibling就是兄弟的意思；Next：下一个的意思；Previous:前一个的意思；nextSibling：调用者是节点。

单个子节点:

firstChild：调用者是父节点。IE678中指第一个子元素节点（标签）。在火狐谷歌IE9+以后都指的是第一个节点（包括空文档和换行节点）。firstElementChild:在火狐谷歌IE9都指的第一个元素节点。第一个子节点=父节点.firstElementChild || 父节点.firstChild。lastChild:调用者是父节点。IE678中指最后一个子元素节点（标签）。在火狐谷歌IE9+以后都指的是最后一个节点（包括空文档和换行节点）。lastElementChild：在火狐谷歌IE9都指的最后一个元素节点。第一个子节点=父节点.lastElementChild|| 父节点.lastChild。

所有子节点：

childNodes：它是标准属性，它返回指定元素的子元素集合，包括HTML节点，所有属性，文本节点   （他还是W3C的亲儿子 ）。火狐谷歌等高本版会把换行也看做是子节点。nodeType==1时才是元素节点(标签)。children：非标准属性，它返回指定元素的子元素集合。

但它只返回HTML节点，甚至不返回文本节点，虽然不是标准的DOM属性，但它和innerHTML方法一样，得到了几乎所有浏览器的支持。children在IE6/7/8中包含注释节点。在IE678中，注释节点不要写在里面。

创建节点：使用方法是这样document.createElement();

新的标签（节点）= document.createElement(“标签名”);

插入节点（使用节点）：使用方法：父节点.appendChild();父节点.appendChild(新节点); 父节点的最后插入一个新节点。使用方法：父节点.insertBefore(要插入的节点，参考节点)；父节点.insertBefore(新节点,参考节点)在参考节点前插入;如果参考节点为null，那么他将在节点最后插入一个节点。

删除节点：用法：用父节点删除子节点。父节点.removeChild（子节点）；必须制定要删除的子节点

节点自己删除自己：不知道父级的情况下，可以这么写：node.parentNode.removeChild(node)

复制节点：想要复制的节点调用这个函数cloneNode()，得到一个新节点。 方法内部可以传参，入股是true，深层复制，如果是false，只复制节点本身。新节点=要复制的节点.cloneNode(参数) ; 参数可选复制节点。用于复制节点，接受一个布尔值参数，true表示深复制（复制节点及其所有子节点）， false 表示浅复制（复制节点本身，不复制子节点）

节点属性：获取：getAttribute(名称)。设置：setAttribute(名称, 值)删除：removeAttribute(名称)；注意：IE6、7不支持。调用者：节点。有参数。没有返回值。每一个方法意义不同。

三，DOM

dom元素：DOM就是html文档的模型抽象。数据以树的形式在内存中排列。节点就是DOM的组成。是一个对象，有属性和方法。获取方式有很多种。节点分为元素节点（标签），文本节点，属性节点。区分方法：nodeType: 1是标签,2是属性,3是文本。

1，解析过程：HTML加载完毕，渲染引擎会在内存中把HTML文档，生成一个DOM树，getElementById是获取内中DOM上的元素节点。然后操作的时候修改的是该元素的属性。

2，DOM（文档对象模型）

dom是一个复合数据类型

3，DOM数据结构（树图）