浏览器的运行机制

最新推荐文章于 2023-08-24 14:35:52 发布

weixin_30417487

最新推荐文章于 2023-08-24 14:35:52 发布

阅读量167

点赞数

文章标签： ui 后端 javascript ViewUI

原文链接：http://www.cnblogs.com/zyh1020/p/11122427.html

版权

我的老师曾说过：“学一样东西，需要四步，第一步，他是什么，第二步，他的出现，第三步，他的原理，第四步，他的运用’。

一，浏览器是什么
那么问题来了，你认为浏览器是什么？
百度百科告诉我们：在这里插入图片描述

我认为：
他不就是，我们经常看的，经常玩的，一本书吗？他包罗万象（几乎是无所不知），他貌美如花（好多好看的**），他让我沉迷（我没有网瘾）。开个玩笑，我认为浏览器是：可以显示网页服务器或者文件系统的HTML文件（标准通用标记语言的一个应用）内容，并让用户与这些文件交互的一种软件。
目前使用的主流浏览器有五个：Internet Explorer、 Firefox、 Safari、 Chrome 和 Opera。

二，浏览器的出现
每一个事物的出现都不是偶然的，他是为了解决某件事，他有他的优点，他有他的价值。浏览器的又是如何出现的那？
蒂姆•伯纳斯-李是第一个使用超文本来分享资讯的人。他于1990年发明了第一个网页浏览器WorldWideWeb，后来改名为Nexus。在1991年3月，他把这个发明介绍给了他在CERN工作的朋友。从那时起，浏览器的发展就和网络的发展联系在了一起。
当时，网页浏览器被视为能够处理CERN庞大电话簿的实用工具。（更多详细参考本处万维网联盟原文）在与用户交互的前提下，网页浏览器根据Gopher和Telnet协议，允许所有用户能轻易地浏览别人所编写的网站。可是其后插入图片到浏览器的举动，使之成为了互联网的“杀手级应用”。
总结：不管是浏览器的定义和浏览器的发展都可以看出：他的出现实现了数据的共享，
三，浏览器的原理
浏览器的组成
在这里插入图片描述
 用户界面－包括地址栏、后退/前进按钮、书签目录等，也就是你-所看到的除了页面显示窗口之外的其他部分
 浏览器引擎－可以在用户界面和渲染引擎之间传送指令或在客户端本地缓存中读写数据等，是浏览器中各个部分之间相互通信的核心
 渲染引擎－解析DOM文档和CSS规则并将内容排版到浏览器中显示有样式的界面，也有人称之为排版引擎，我们常说的浏览器内核主要指的就是渲染引擎
 网络－用来完成网络调用或资源下载的模块
 UI 后端－用来绘制基本的浏览器窗口内控件，如输入框、按钮、单选按钮等，根据浏览器不同绘制的视觉效果也不同，但功能都是一样的。
 JS引擎－用来解释执行JS脚本的模块，如 V8 引擎、JavaScriptCore
 数据存储－浏览器在硬盘中保存 cookie、localStorage等各种数据，可通过浏览器引擎提供的API进行调用

总结：
在这里插入图片描述
浏览器的外壳
美丽的外表不如一颗有趣的灵魂，浏览器外壳是指浏览器的“外壳”便很好理解了，它是一个面向用户的界面，也就是网页浏览器为我们实现的各种功能。
浏览器的内核
浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“解释引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如HTML、JavaScript）并渲染（显示）网页。
1，渲染引擎
 Html解析dom树（解析为DOM树上个节点，同时解析CSS样式）
 渲染树的结构（具有一定的视觉效果，并按照一定顺序排列在屏幕上）
 布局渲染树（为每个节点分配固定坐标）
 绘制dom树（渲染引擎会遍历所有的节点，由UI后端绘制）
在这里插入图片描述
2， js引擎
浏览器加载JavaScript脚本，主要通过

四，浏览器的应用
现在的浏览器有很多分类，但他们都是为了共享信息，让我们知道世界上发生的事情。
总结：
1，浏览器是什么：可以显示网页服务器或者文件系统的HTML文件（标准通用标记语言的一个应用）内容，并让用户与这些文件交互的一种软件
2，浏览器的出现：他的出现是为了实现了数据的共享
3，浏览器的原理：可大概译为“解释引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如HTML、JavaScript）并渲染（显示）网页。
4，浏览器的应用：方便用户查询共享数据

参考：https://www.cnblogs.com/wuguanglin/p/JSEngine.html

转载于:https://www.cnblogs.com/zyh1020/p/11122427.html