《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的基础知识。
坚持坚持,半途而废的人都无法看到成功的光辉。

posted @ 2015-12-10 22:59  roverliang  阅读(235)  评论(0编辑  收藏  举报