写完小demo总结：
编程流程：
一、根据MVC编程模式分析页面
1.MVC(Model View Controller)：是模型(model)－视图(view)－控制器(controller)
1.1释义：用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑（from：百度百科)。
1.2视图(view)先对程序视图进行分析：页面的html结构，css样式：动画效果，元素定位。
1.3模型(model);数据模型：获取数据，数据格式化
1.4控制器：对交互逻辑进行分析：用什么手段实现这一交互功能。哪些元素，把这些功能具体化，步骤化。参考下面2编码的编程步骤。
2编码
有一个可衡量、可实现、过程可测目标，
Tasking（即对要实现的目标过程进行分解）
一步步实现（TDD）
实现目标
二、写代码：html、css、js
1搭建html框架
1.1初始化页面样式
1.2根据之前视图分析，搭建纯html框架
1.3添加注释
1.4验证页面
2为元素添加css样式
2.1css多用派生选择器，表现出thml的层级结构。
2.2css类名id名应和thml、js高度耦合。
2.3当js操作样式时，做到一个功能对应一个类或id，类名和id名应和其功能对应。
2.4按照时间线来编写css样式，避免回头改写，每一步实现的样式添写注释（比如：第一步html的标签的初始化类为class1,当到第n步时，再次对此thml元素进行样式操作，则在此时的css定义中，继续添加新类、或者再次定义class1。)
2.4根据视图的thml结构、控制流程来添加备注，也可以理解为对css样式进行分类
2.5每编写一小处时，都应该验证。
3编写js代码
3.1js代码，按照分析一步步写代码，参照（一2）编码
3.2每写一步前先验证，结合firebug
3.3写好注释，严格按照编码思路来
3.4对变量或函数操作时先判断数据类型和返回值(操作体是什么？)
三、more>>
js主要是对数组，字符串进行操作，相对应的对象方法属性，应该多熟悉。
对函数或者变量操作时判断函数的数据类型和返回值。
css动画，渐变，颜色，等
html 定位、文档流