2017前端面试题之综合篇（1）

1 . 浏览器如何渲染?

浏览器的渲染原理简介

专题：浏览器:渲染重绘、重排两三事

浏览器加载和渲染HTML的顺序以及Gzip的问题

从FE的角度上再看输入url后都发生了什么

从输入 URL 到页面加载完成的过程当中都发生了什么事情？

当你输入一个网址，实际会发生什么?

---

2 . 如何分析页面性能?

• Yahoo团队经验：网站性能优化的34条黄金法则
• 【高性能前端1】高性能HTML
• 【高性能前端2】高性能CSS
• 【高性能前端3】高性能JavaScript

---

3 . 你如何对网站的文件和资源进行优化？

• 文件合并
• 文件最小化/文件压缩
• 使用 CDN 托管
• 缓存的使用

---

4 . 请说出三种减小页面加载时间的方法。

• 减小感知时间，添加一些视觉上的反馈，好比添加进度条等。
• 先导入静态文件
• 减小加载文件的数量，整合js文件称单一文件，整合css文件为单一文件，减小浏览器请求数量。
• 浏览的地方才加载

---

5 . 有哪些工具来测试代码的性能。

答：Profiler, JSPerf, Dromaeo

---

6 . 有哪些前端工具性网站

• http://caniuse.com/
• 线上比对工具
• JS Bin
• JS fiddle
• CODEPEN
• CODEPEN PEN
• CODE BEUTIFY http://codebeautify.org/

---

7 . 请描述一下 GET 和 POST 的区别?

答：区别以下：

• get 向指定的资源请求数据,请求的数据会附在URL 以后,就是把数据放置在请求行（request line）中），以?分割URL和传输数据，多个参数用&链接；

• post 向指定的资源提交要被处理的数据。post方法请求是封装在http 消息包体中

&	get	post
后退/刷新	无害	请求从新提交
书签	可作书签	不可作
缓存	可被缓存	不能被缓存
历史	保留在浏览器记录里	不保留
对数据长度限制	限制（2048字符）	不限制
安全性	url中暴露数据	相对安全
可见性	url中可见	不可见

---

8 . HTTP 状态码

• 1XX表明请求已经被接收；
• 2xx表明请求已成功被服务器接收、理解、并接受。经常使用的200表示请求已成功，请求所但愿的响应头或数据体将随此响应返回；
• 3xx表明重定向。
• 4xx表明客户端错误。404表示网页不存在。
• 5xx表明服务器错误。500表示服务器内部错误，503表示服务器暂时不可用