学习前端知识两个月了,从DIV+CSS,javascript,jquery,到现在的EXTJS,只知道一味的写代码,从来没有想过浏览器是如何工作的,有人说,连浏览器是如何解析HTML的都不知道,只知道写又有什么用呢?
我觉得是该了解了解,这是最基础的东西,连基础都不知道,每天写的东西是什么都不知道,还有必要写么?
下面来简单介绍,[b]浏览器的结构:[/b]
[img]http://dl.iteye.com/upload/attachment/551950/1b4782fc-a08a-3c47-85de-44bf172f6071.png[/img]
上面这张图就是浏览器的大致结构!
首先是用户接口,所谓的用户接口就是我们常说的地址栏,后退,前进按钮,以及其他一些书签菜单,除了主窗口外,我们可以看到所请求的页面浏览器中的每个部分都是用户接口!
其次下来是浏览器引擎,浏览器引擎也叫做浏览器内核,浏览器中最重要的就是渲染引擎!之所以IE,火狐,360,chrome中,同样的样式,表现不同,就是因为渲染引擎不同!
浏览器引擎是渲染引擎的查询和操作接口!
渲染引擎的主要工作是解析HTML和CSS文件!
网络:可以用来网络调用,比如HTTP请求,它具有独立的平台接口,并且为下面每个平台实现!
javascript解析器,用来解析和执行JAVAScript文件!
数据存储。这是一个持久层!浏览器需要存储各类数据在硬盘上,比如,cookies。新的HTLM规范(html5)定义‘网络数据库’,这是一个完整的(虽然光)在浏览器中的数据库!
今天就写到这里吧
我觉得是该了解了解,这是最基础的东西,连基础都不知道,每天写的东西是什么都不知道,还有必要写么?
下面来简单介绍,[b]浏览器的结构:[/b]
[img]http://dl.iteye.com/upload/attachment/551950/1b4782fc-a08a-3c47-85de-44bf172f6071.png[/img]
上面这张图就是浏览器的大致结构!
首先是用户接口,所谓的用户接口就是我们常说的地址栏,后退,前进按钮,以及其他一些书签菜单,除了主窗口外,我们可以看到所请求的页面浏览器中的每个部分都是用户接口!
其次下来是浏览器引擎,浏览器引擎也叫做浏览器内核,浏览器中最重要的就是渲染引擎!之所以IE,火狐,360,chrome中,同样的样式,表现不同,就是因为渲染引擎不同!
浏览器引擎是渲染引擎的查询和操作接口!
渲染引擎的主要工作是解析HTML和CSS文件!
网络:可以用来网络调用,比如HTTP请求,它具有独立的平台接口,并且为下面每个平台实现!
javascript解析器,用来解析和执行JAVAScript文件!
数据存储。这是一个持久层!浏览器需要存储各类数据在硬盘上,比如,cookies。新的HTLM规范(html5)定义‘网络数据库’,这是一个完整的(虽然光)在浏览器中的数据库!
今天就写到这里吧