混乱的技术用语与模糊的概念

瀚唐电脑技术支持

小桥流水人家

这是一个简单的html文档,左边是源码,右边是html文档在浏览器中的显示效果。

<body> </body>
这组标签在html文档中称做什么呢?标签。这组英文,在JavaScript中称做什么?节点或者元素。还是这组英文,在css中被称做什么?盒子。当然,css中的盒子模型说的不是这个,不过后面会看到,它们其实是一个含义。

<body></body>
标签在html5,JavaScript,css中说的是一个意思,只不过入乡随俗的变成不同的称呼。在JavaScript的DOM对象中,有的时候称其为节点,有的时候称其为元素。其实,节点就是元素,元素就是节点。节点中可以包含元素,元素中可以包含节点,节点可以包含节点,元素可以包含元素。这个就好像系统的文件夹目录。逐级嵌套,逐层展开。

如果说html标记语言与JavaScript脚本语言之间还多少能够看出有些联系之外。那么css中的语言标记则完全显得有些另类。它用了一个盒子模型。这个又是什么?其实html标记语言中的每一组标签都是一个盒子。这个盒子的概念又是从那里来的?windows系统中最多的是什么东西,窗口。不错,窗口就是一个盒子。

css中最大的盒子是什么?Document对象,也就是浏览器打开的html文档的窗口。浏览器又在那里?浏览器工作在系统上,所以比浏览器窗口更大的就是操作系统的窗口,这个窗口也有一个名字,Windows对象。是不是这个窗口真的最大了?也不是。还有一个窗口,可以说是最大的窗口。就是用户的显示器。这即是一个窗口也是一个盒子。它又有什么称呼?这个显示器窗口在JavaScript中称其Screen对象。

把上边的窗口按照从大到小的顺序排列,Screen对象,Windows对象,Document对象,css的盒子模型,html的标签。其实,盒子模型与标签也可以称其为对象。这就是面向对象的概念。所有的内容都是对象,这就产生了属性,事件与方法。

计算机有一个概念称其为流。C语言里有文件流,网络有信息流,html文档在浏览器显示的时候,其内容也是信息流。无论html文档中包含着视频,音频,图片,或者其它什么内容。这些对于浏览器来说都是流动的信息,或者说是流动的字节,流动的0与1的组合。

计算机的基础就是0与1的字节组合。硬件上的基础就是数字逻辑电路的与非门。所以,二进制是计算机的基础。信息流或者文件流?二进制0与1字节的流动。这个流动在浏览器中一般来说是按照从上到下,从左到右的顺序进行的。但是,css中的float描述可以改变信息流的顺序,可以指定显示内容出现在屏幕窗口的任何位置,这个就是定位。

现在,html文档中出现了两种信息流。标准流,按照规则顺序显示。浮动流,可以在任何位置显示内容。因为内容可以出现在任何指定位置,这也带来一个疑问。如果两张图片被指定在同一个位置显示,这会怎么样呢?熟悉计算机的可能知道有一个软件叫做Photoshop。这个软件提出一个概念"图层"。如果两张图片被指定到一个位置,出现同一个位置两张图片就构成了图层。按照出现的前后时间关系,一个在上,一个在下。彼此互相遮挡,最终显示的内容是两张图片之间的关于层的遮掩内容。

计算机中出现的重要技术及其概念,在计算机的世界中是通用的。面向对象,类,属性,事件,方法。html标记语言文档中有吗?简单的,<p></p>,这样的标签就是类的闭包。这个简单的标签其实是可以响应鼠标事件的。<p>标签是类定义的开始,</p>标签是类定义的结束。

<p></p>
标签是窗口吗?是的。如果用css的盒子模型填充这个标签,它就会显示出一个窗口。当然,这个窗口在css中称其为盒子模型。还是JavaScript中的元素。可以直接设置改变这个元素的属性。其实也就是改变对象的属性。

类与对象的关系,就象人与张三。我们与人打招呼,这个就是与类建立联系。可是,谁能与人打招呼?这是不可能的。这里的人,必须要有具体的,张三或者李四。人,就是类。张三李四,具体化的就是对象。

如果说人是类的概念,张三是对象的概念。其实,类就是对象,对象也就是人。当然,人这个类里有很多的张三或者李四。张三只是类的一个具体的。人这个类里有多少个人?地球上有几十亿。张三这个对象有多少个?唯一的一个,基因的唯一性。类可以有很多的对象,对象是唯一的类。

阅读 95

学习道德经的编程爱好者,不能算是程序员,也就是喜欢。用C语言写过一些简单的小程序,正在自学前端开发。

1 声望
0 粉丝
0 条评论
你知道吗?

学习道德经的编程爱好者,不能算是程序员,也就是喜欢。用C语言写过一些简单的小程序,正在自学前端开发。

1 声望
0 粉丝
文章目录
宣传栏