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表示服務器暫時不可用