JS基础

前言：
简单的一个由花、树、云及游戏角色组成的游戏场景，里面的这些元素在2D游戏中称作“精灵”。
最好将零散的“精灵”图片放在一张精灵表单（sprite sheet）里。
声明新变量时，可以使用关键词 “new” 来声明其类型：
二维游戏中动画的播放方式一般有两种，一种是使用预先设计好的AVI或者MPEG文件来展示动画内容；另一种常见的方式是采用连续帖图的方式来产生动画效果，即精灵动画，也是使用得最多的二维动画技术之一。
任何颜色与黑色“与”后结果为黑色

文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。
炒鸡炒鸡基础：
HTML文档可以说由节点构成的集合，DOM节点有:
1. 元素节点：、、

等都是元素节点，即标签。
2. 文本节点:向用户展示的内容，如

…

中的文本。
3. 属性节点:元素属性，如标签的链接属性href=”http://www.imooc.com”。
炒鸡基础：
1.通过ID获取元素
2.innerHTML 属性用于获取或替换 HTML 元素的内容。
3.HTML DOM 允许 JavaScript 改变 HTML 元素的样式。
节点属性：
nodeName： 返回一个字符串，其内容是给定节点的名字
nodeType： 返回一个整数，这个数值代表给定节点的类型
nodeValue： 返回给定节点的当前值
遍历节点树：
childNodes： 返回一个数组，这个数组由给定元素节点的子节点构成
firstChild： 返回第一个子节点
lastChild： 返回最后一个子节点
parentNode：返回给定节点的父节点
nextSibling： 返回给定节点的下一个子节点
previousSibling： 返回给定节点的上一个子节点
DOM操作：
createElement(element)：创建一个新的元素节点(document方法)
createTextNode()： 创建一个包含着给给定文本的新文本节点(document方法)
appendChild()：　指定节点的最后一个子节点列表之后添加一个新的子节点
insertBefore()：　将一个给定节点插如到一个给定元素节点的给定子节点的前面
removeChild()：　从一个给定元素中删除一个子节点
replaceChild()： 把一个给定父元素里的一个子节点替换为另一个节点

JavaScript 中的所有事物都是对象，如:字符串、数值、数组、函数等，每个对象带有属性和方法。