前端基础知识整理(一)

1.浏览器组成

   用户界面(刷新按钮,前进后退按钮,url输入框,书签等等)

   渲染引擎(浏览器内核,解析HTML和CSS代码,并显示在界面上)

   浏览器引擎(在用户界面和渲染引擎之间传递信息)

   网络(网络调用,如HTTP请求)

   javaScript解释器(解析JS代码)

   储存器(将浏览器需要的数据储存在硬盘上,如cookie等)

   后端UI层(用来绘制基本的浏览器窗口内控件,如输入框、按钮、单选按钮等,根据浏览器不同绘制的视觉效果也不同,但功能都是一样的。)

2.浏览器输入框从键入url到页面渲染完成发生了什么?

   解析HTML生成dom节点树-----构建render树-----布局render树----绘制render树

   先将HTML文件构成dom树,解析CSS和dom树一起构建render树。然后进入布局阶段,确定每个元素的页面坐标。然后通过UI后端层进行绘制(遍历render树UI后端层绘制每个节点)

猜你喜欢

转载自www.cnblogs.com/coldWinds/p/11764430.html