[原]读-DOM编程艺术1-DOM介绍

2020-09-23  本文已影响0人  虾米不是鱼

    写在之前,学习HTML前端3个月了,开始学得很快(3天徒手搞定HTMLCSS,然后手写小米官网,当然瞌睡也没怎么睡),因为入门简单!除开入门学习的3天后面的时间可以说是在巩固和学习各方面前端开发知识!可以说前端开发深似海,特别是兼容问题!当然创造一个页面的的快感是毋容置疑的!说到前端开发当然少不了顶顶大名的JS(JavaScript),如果做前端你要是不会JS,就像一个人少了四肢一样,下面我们就来读读DOM编程艺术这本书!为什么选择他,其实我也不知道,因为在某东上购买量比较高,另外本书不具有基础的JS语法,所以对没有基础JS语法的人不适合。

正文开始

    DOM = document object model

    D-document: 文档,也就是一个网页页面

    O-object :

    对象,在一个js中对象分为三种:

  1. 用户定义的对象(比如我们自己创建的一个函数等等)
  2. 内建对象(比如array math date等)
  3. 宿主对象(由浏览器提供的对象,比如Window也就是搭建书偶读BOM,他是浏览器自身提供,书中说我们不会与BOM打太多交到)

        M-Model

    这里M主要描述的就是一个页面的元素,他是一一种树形结构进行一个页面的管理,他就像一个家族一样具有各自藕断丝连的关系。
HTML是根元素,也就是说在一个页面中HTML是无父亲和兄弟的元素,从另一个方面说HTML元素是素有元素的父元素。

    我们知道了DOM,其实他就是描述了整个网页的结构他就是一个目录,只是比目录多了更多信息(统一用节点来表示:节点包括很多内容,比如文本节点,元素节点,属性节点)有了具体内容,相当于我们选中了一个模特,接下来就是进行包装,所以就有了另一种和页面打交道的CSS,最基础的就介绍到这里,想了解更多HTML CSS内容可以查看W3C教程,哪里具有丰富的案例。

上一篇下一篇

猜你喜欢

热点阅读