1 本文章内容难度级别为基础，更适合对html、css有个简单认识的读者，如果认真读了未能理解，请你打我；
2 建议初、中级开发者进行完整阅读——如果你并没有掌握本文章所讲的一切内容；
3 本系列文章为其他Web项目相关的基础，理解越深，进阶将更轻易；
4 尊重一切版权，谢谢；
——散场丶丶
目录：
——初步认识浏览器
——浏览器的渲染机制
——浏览器的缓存机制
正文：
初步认识浏览器
想来任何一位读者，对浏览器都不会陌生。除开IT相关人员常用的Chrome(谷歌，Google)、Firefox(火狐，Mozilla)、IE(微软),大多国内用户可能更熟悉诸如 百度浏览器、360浏览器、QQ浏览器、猎豹浏览器、UC浏览器……
(ps:以上排名不分先后)
OK，请打量您当前使用的浏览器——我们先认识一下浏览器的概念：
浏览器是指能够显示HTML文件内容，并让用户能够与这些文件进行交互的一种软件。
由上述概念可以清楚地认识到三个重点：
一能够显示HTML文件内容
再次请观察您当前所用的浏览器，请注意，你所看到浏览器里的内容——也就是包括这篇博客，它本质上就是一个HTML文件（这里要补充一点：现时代的浏览器，有些也能显示其他格式的文件）。
按下快捷键 F12,在Elements里所呈现的就是一个完整的HTML文件内容，浏览器通过解析它将内容渲染到浏览器界面上，就是读者目前所看到的网页内容。
二让能够与这些文件进行交互
交互直译为交流、互动。比如：点击导航进行页面跳转，在注册表单里填写内容然后提交，点击评论输入你的读后感，F12里对元素属性改写……
无论是PC端，还是移动端，大多数交互，我们称之为事件——在场各位，常用的点击事件(click/touch)、鼠标事件(mouse)、键盘事件(key)、改变文本事件(change)……(此处省略很多很多事件)总而言之，我们与浏览器的交互，大多都被称之为事件(注意，不是事故)。
三一种软件
之前的两点说的是浏览器的功能，这里要重点说明浏览器的构成。
如图：
即：
1用户界面：即读者目前所看到的浏览器界面，除开当前窗口显示的网页，其他的就是用户界面。(注意，不包括显示的网页)
2用户界面后端(UIBackend)：功能上讲，能够绘制浏览器独有的弹窗会话、组合框等小窗口部件，对页面开发者来讲，也可以通过js脚本指令让它工作。
3网络：用来执行网络请求。浏览器通过它与网络层沟通，和web服务器建立联系。