黄子涵

第 1 章 JavaScript简史

DOM

摘抄

什么是DOM?简单地说,DOM是一套对文档的内容进行抽象和概念化的方法。
在现实世界里,人们对所谓的“世界对象模型”都不会陌生。例如,当用“汽车”、“房子”和“树”等名词来称呼日常生活环境里的事物时,我们可以百分之百地肯定对方知道我们说的是什么,这是因为人们对这些名词所代表的东西有着同样的认识。于是,当对别人说“汽车停在了车库里”时,可以断定他们不会理解为“小鸟关在了壁橱里”。
我们的“世界对象模型”不仅可以用来描述客观存在的事物,还可以用来描述抽象概念。例如,假设有个人向我问路,而我给出的答案是“左边第三栋房子”。这个答案有没有意义将取决于那个人能否理解“第三”和“左边”的含义。如果他不会数数或者分不清左右,则不管他是否理解这几个概念,我的回答对他都不会有任何帮助。在现实世界里,正是因为大家对抽象的世界对象模型有着基本的共识,人们才能用非常简单的话表达出复杂的含义并得到对方的理解。具体到这里的例子,你可以相当有把握地断定,其他人对“第三”和“左边”的理解和我完全一样。

评论

这段话讲的是对DOM的理解。读了上面这段话,我对出现DOM有所了解。为什么呢?说来听听,比如我们编写一个HTML5文档,最后渲染成下面这张图片。

image

在现实世界里,我们知道这张图片里的对象是哆啦A梦,还知道它有眼睛、鼻子等等。我们是根据对这张图片的理解,然后进行HTML5结构的编码,CSS样式的编码,然后计算机通过我们编写的代码渲染成这张图片,但是问题来了?计算机又是怎么认识我们根据这张图片编写的代码的呢?还记得选择器吗?选择器中有个是ID选择器,我们可以通过对盒子进行命名,或者还有标签选择器,这是HTML5中自己命名好的。这一过程我们可以理解为,将现实世界的对象模型和文档对象模型进行绑定,这样计算机就能“理解”这张图片的“现实对象模型”。

DHTML

摘抄

DHTML是“Dynamic HTML”(动态HTML)的简称。DHTML并不是一项新技术,而是描述HTML、CSS和JavaScript技术组合的术语。DHTML背后的含义是:

  • 利用HTML把网页标记为各种元素;
  • 利用CSS设置元素样式和它们的显示位置;
  • 利用JavaScript实时地操控页面和改变样式。

评论

偶尔会遇到这个概念,但是应该并不重要。

标准化DOM

摘抄

浏览器制造商们感兴趣的只不过是通过JavaScript操控网页的具体办法,但W3C推出的标准化DOM却可以让任何一种程序设计语言对使用任何一种 标记语言编写出来的任何一份 文档进行操控。

评论

标准化的重要性,正如前段时间华为为了5G话语权,也是花了不少心思。

API

摘抄

DOM是一种API(应用编程接口)。简单地说,API就是一组已经得到有关各方共同认可的基本约定。在现实世界中,相当于API的例子包括(但不限于)摩尔斯码、国际时区、化学元素周期表。以上这些都是不同学科领域中的标准,它们使得人们能够更方便地交流与合作。如果没有一个统一的标准,事情往往会演变成为一场灾难。别忘了,因混淆英制度量衡与公制度量衡至少导致过一次火星探测任务的失
败。
在软件编程领域中,虽然存在着多种不同的语言,但很多任务却是相同或相似的。这也正是人们需要API的原因。一旦掌握了某个标准,就可以把它应用在许多不同的环境中。虽然语法会因为使用的程序设计语言而有所变化,但这些约定却总是保持不变的。

评论

这段话是对API的理解,根据这段话,其实API和我们平时的电话插座,插头没啥区别,也就是硬件上所说的接口。如果没有一个标准,就像没有普通话一样,就很容易出现“鸡同鸭讲,眼睩睩”的情况,这时候做事情的效率就会变得很低。

posted @ 2022-04-18 10:41  黄子涵  阅读(11)  评论(0编辑  收藏  举报