浏览器的工作原理

学习前端知识两个月了,从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)定义‘网络数据库’,这是一个完整的(虽然光)在浏览器中的数据库!

今天就写到这里吧
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值