前端面试题

前端面试题

一、从输入一个 URL 地址到浏览器完成渲染的整个过程

1、浏览器地址栏输入 URL 并回车
2、浏览器查找当前 URL 是否存在缓存，并比较缓存是否过期
3、DNS 解析 URL 对应的 IP
4、根据 IP 建立 TCP 连接（三次握手）
5、发送 http 请求
6、服务器处理请求，浏览器接受 HTTP 响应
7、浏览器解析并渲染页面
8、关闭 TCP 连接（四次挥手）

二、get和post的区别

1、get常用于获取数据
post常用于提交数据
2、get快速、不安全、暴露参数、长度限制小
post相对较慢、安全、不暴露参数、长度限制大
3、get回退页面无影响
post回退页面会才一次发送请求
4、get请求会被缓存
post请求不会被缓存
5、get请求可以被浏览器保存历史记录
post请求不能
6、get请求只能进行url编码
post可以进行多种编码
7、get和post都是http请求方式，底层都是TCP/IP协议。
get产生一个TCP数据包（200）
post产生两个TCP数据包（100和200）

三、时间委托的原理和好处

原理：把监听事件挂载在父元素上，监听子元素
1、减少dom操作，增加性能
2、新添加的子元素无需再次监听

四、call、apply、bind的区别

都可以改变this指向
call：第二个入参是数，立即执行
apply：第二个入参是数组，立即执行
bind：第二个入参是数，不立即执行

五、回流和重绘的区别

回流：颜色等样式改变 只改变自身样式,不会影响到其他元素的改变
重绘：大小、位置
回流