1.浏览器的一次http请求:
1.对域名解析
2.发起tcp三次握手
3.连接成功后发起http请求
4.服务器端响应http请求,向浏览器端发送html
5.浏览器解析html并且渲染页面
2.http/2:http2.0,相对于之前的有优点:
解决了浏览器头阻塞的问题,使用了头部压缩,用二进 制封装了http消息
3.服务器端渲染和客户端渲染的区别:
首先了解三个专业名词:
SPA::单页面应用
SEO:搜索引擎优化
SSR:服务器端渲染
所以:服务器端渲染就是后端提供完整的html文件
浏览器端渲染就是前端拿到json数据,然后完成html页面的拼装,展示在浏览器上
4.xss
5.名词解析:重绘,回流
首先dom树和css样式树合并为render树
重绘:就是render树中有些模块的大小,是否显示或者页面的布局改变引起的
回流:render树中的元素样式,比如背景颜色改变,所以说重绘一定会回流,而回流不一定重绘
6.置换元素的定义
“置换元素”又叫做“替换元素”,
它们所具有的特征为:在不使用css修饰时,元素的标签和属性也会影响元素的显示。
比如<img> 标签,浏览器会根据src属性读取图片并显示,且图片大小会影响<img>标签大小。
再比如,input标签的type属性会影响input的显示是输入还是选择。
最后,我们对置换元素有一个专业定义:
一个内容不受CSS视觉格式化模型控制,CSS渲染模型并不考虑对此内容的渲染,且元素本身一般拥有固有尺寸(宽度,高度,宽高比)的元素,被称之为置换元素。