《JavaScript权威指南》学习笔记第七天 DOM操作

由衷的觉得，随着IT技术的广泛的运用，个人电脑以及智能手机的使用，信息的获取与传播更为简单。但是我们获取有用信息的难度相反是越来越大了，想要保持住自己的注意力越来越难了。除了吃饭睡觉，我的精力都在电脑，手机上耗费掉了。因此在这个时代，谁能够耐得住寂寞，谁能够保持住自己有限的精力，才能得到自己想要的生活。
每个时代都不缺乏成功的人，那么这个时代成功的人为什么不是我呢？为什么不能是我呢？
最空闲的时间，以为学习时间最多。其实到了周五就已经不学习了，想着周六大把的时间可以学习，周六又盼着周日的时间学习。这一个周末，我统计了一下，其实星期天，我总共学习的时间不到5个小时。到了周日的下午才开始掏出书本，装模做样的学习了一会。
内心满满的都是羞愧，对不起自己当初对自己立下的豪言壮语。上学的时候那么的多时间耗费掉，毕业后好不容易意识到学习重要性，又控制不住自己的欲望。想要干这个想要干那个。这样下去什么也干不成。
学习js的时候，我其实也迷茫了，我不知道是否应该在原生js上浪费太多的时间。
接下来就进入正题吧。前些天我讲解了js的的大的框架，讲到了window对象，讲到了DOM，DOM里面又讲了HTML语义树。了解清楚这些概念是十分必要的，这些框架将帮助我们梳理自己的知识，使知识形成一个链条，组成一个系统。这样就不容易遗忘了。

理论部分

1、创建节点

创建节点要用到documen下element元素的方法，方法的名字叫：
document.createElement()；在里面传入元素名字即可。
另外一个方法是复制原有的一个节点。想起那只可爱的多莉羊。
cloneNode();的方法。
还有一个方法，是导入另外一个文档的元素importNode()。

2、插入节点

appendChild()总是在子元素的最后一个。
insertBefore() 两个参数。一个是要插入的元素，第二个是已经存在的节点。

3、删除节点

removeChild() 只能在父节点上操作，也只能删除子节点。

4、空容器，相当于临时的盒子。

DocumentFragment是一种特殊的Node，它作为其他节点的一个临时容器。

5、文档坐标和视口坐标。

这部分概念看了好久也没有看明白。后来沉下心来，才能够读懂了。
我们的电脑窗口是有固定大小的，但是我们的一篇文章可能比我们的电脑窗口长的多。文章上的坐标就是文档坐标，另一套坐标就是我们的窗口坐标了。文章过长就会出现滚动条，所以视口坐标总是相对于当前屏幕的，是个相对值，运用的时候要加上滚动条的滚动过的距离。
只有当文档的高度小于或者等于视口的高度的时候，这两者才相等。
这一部分实操性太强，理论到时很简单，不如拿出练习的栗子来说话比较有点意思。

这两天看了点js的知识，但是心情已经浮躁了，有点看不下去。冷静下来坚持不懈。打牢javascript的基础知识。
坚持坚持，半途而废的人都无法看到成功的光辉。