1.回到顶部效果。
2.滚动条向上滚动式，滑动滚轮。解决bug的方法。
3.有关Document.
4.getElementByClassName();获取元素类名的封装。单个类名的元素。任然不完美。
5.创建一个属于框，输入里面的内容在后面的ul的li里面显示。
6.前端与后端的交互。UI 前端 后端可以同时进行。后端数据没写好后端可以模拟接口给前端。
7.Dom创建结构。
此方法会产生文档碎片，所谓文档碎片就是：传说中他能优化我们的Dom的结构，加快渲染Dom的速度。但从来没有测试到一个真正的结果。
8.用字符串拼接来创建结构。
7和8结果都是
9.动态创建表格。
表格的边框重叠用border-collapse:collapse;
结果为：
10.在9里面添加
会出现这样的结构：
11.UED：user experience design用户体验设计。UI:user interface用户界面。紫色：purple
12.在10的基础上添加下列代码会达到隔行变色，且能删除对应的行数。
13.真正的可以删除tr，parentNode子元素最近的父节点。
14.克隆与替换节点。
15.获取非行内样式。
//offsetWidth offsetHeight ：widht+padding+border
//offsetLeft offsetTop 盒子的绝对位置。绝对定位的left值加margin。
//offsetParent 父级有定位以父级为标准，父级没有定位以body为标准。
//这些都不带单位
获取非行内样式。
横杠改成大写的字母。
getComputedStyle(oDiv)[‘attr’],带单位的。计算后的样式，这是标准浏览器所识别的。
oDiv.current[‘attr’]，当前样式，ie8及以下浏览器所识别的。
*注意虽然兼容但火狐对于margin：10px；这条属性必须写成margin：10px 10px 10px 10px；才能识别。
16.oDiv.getAttribute(‘class’),他可以获取默认的和自定义的属性。
oDiv.setAttribute(‘attr’,11),他可以设置自定义属性。
17.