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

  • 相关阅读:
    没有生产管理,只会生产的企业即将被淘汰
    实施一套MES系统需要多少钱?
    MES助力日立电梯提升精细化管理水平
    数据定义
    (CVE-2017-16995)Ubuntu内核提权
    (CVE-2017-7494)Linux Samba远程代码执行
    (CVE-2019-13272)Linux本地提权
    vulnhub 之 dc6
    vulnhub 之 dc 5
    vulnhub 之 dc4
  • 原文地址:https://www.cnblogs.com/roverliang/p/5037658.html
Copyright © 2011-2022 走看看