1 . 瀏覽器如何渲染?

瀏覽器的渲染原理簡介

專題：瀏覽器:渲染重繪、重排兩三事

瀏覽器加載和渲染HTML的順序以及Gzip的問題

從FE的角度上再看輸入url后都發(fā)生了什么

從輸入 URL 到頁面加載完成的過程中都發(fā)生了什么事情？

當(dāng)你輸入一個網(wǎng)址，實際會發(fā)生什么?

---

2 . 如何分析頁面性能?

• Yahoo團隊經(jīng)驗：網(wǎng)站性能優(yōu)化的34條黃金法則
• 【高性能前端1】高性能HTML
• 【高性能前端2】高性能CSS
• 【高性能前端3】高性能JavaScript

---

3 . 你如何對網(wǎng)站的文件和資源進行優(yōu)化？

• 文件合并
• 文件最小化/文件壓縮
• 使用 CDN 托管
• 緩存的使用

---

4 . 請說出三種減少頁面加載時間的方法。

• 減少感知時間，添加一些視覺上的反饋，比如添加進度條等。
• 先導(dǎo)入靜態(tài)文件
• 減少加載文件的數(shù)量，整合js文件稱單一文件，整合css文件為單一文件，減少瀏覽器請求數(shù)量。
• 瀏覽的地方才加載

---

5 . 有哪些工具來測試代碼的性能。

答：Profiler, JSPerf, Dromaeo

---

6 . 有哪些前端工具性網(wǎng)站

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

---

7 . 請描述一下 GET 和 POST 的區(qū)別?

答：區(qū)別如下：

• get 向指定的資源請求數(shù)據(jù),請求的數(shù)據(jù)會附在URL 之后,就是把數(shù)據(jù)放置在請求行（request line）中），以?分割URL和傳輸數(shù)據(jù)，多個參數(shù)用&連接；

• post 向指定的資源提交要被處理的數(shù)據(jù)。post方法請求是封裝在http 消息包體中

&getpost

后退/刷新	無害	請求重新提交
書簽	可做書簽	不可做
緩存	可被緩存	不能被緩存
歷史	保留在瀏覽器記錄里	不保留
對數(shù)據(jù)長度限制	限制（2048字符）	不限制
安全性	url中暴露數(shù)據(jù)	相對安全
可見性	url中可見	不可見

---

8 . HTTP 狀態(tài)碼

• 1XX代表請求已經(jīng)被接收；
• 2xx代表請求已成功被服務(wù)器接收、理解、并接受。常用的200表示請求已成功，請求所希望的響應(yīng)頭或數(shù)據(jù)體將隨此響應(yīng)返回；
• 3xx代表重定向。
• 4xx代表客戶端錯誤。404表示網(wǎng)頁不存在。
• 5xx代表服務(wù)器錯誤。500表示服務(wù)器內(nèi)部錯誤，503表示服務(wù)器暫時不可用

轉(zhuǎn)載于:https://www.cnblogs.com/thaiwx/p/7542343.html

總結(jié)

以上是生活随笔為你收集整理的2017前端面试题之综合篇（1）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。