前端知識點總結（綜合篇）
- HTTP狀態碼
- Cach-Control
- 專案經歷及作用和用到的技術等
- SEO
- 一個頁面從輸入 URL 到頁面載入完的過程中都發生了什麼事情？
- 常見元件的實現（如讓你實現圖片輪播、時間計時等）
- HTTP頭部包含的資訊及作用
- HTML\CSS\JS在處理瀏覽器相容性方面的實踐
- 前端發展的方向及你的瞭解和嘗試（例如：元件化、工程化、前後端分離、前端質量體系、資料視覺化、前端工具及生態圈、前端安全、下一代類庫框架等）
- 前端工作需要注重的哪些點兒及你在這方面的理解和實踐（如：使用者體驗、效能優化等）
- 前端MVC與後端MVC的異同及你對前端MVC的理解（個人在實踐方面的理解）
- 什麼是面向物件程式設計及面向過程程式設計，它們的異同和優缺點
- 從你自己的理解來看，你是如何理解面向物件程式設計的，它解決了什麼問題，有什麼作用
- 你對前端的理解？你為什麼學前端？
- “漸進增強”和“優雅降級”
- 什麼是“FOUC”及如何避免
- 頁面效能優化方法及其原理
- POST和GET的異同
- 你是如何瞭解到並且學習一門技術的
- 講一下你讀過的和正在讀或者研究的關於前端技術的書或者技術
- 你未來三年的計劃
- 響應式佈局
- 檔案上傳的實現
- 雅虎效能優化的15條規則
- 瀏覽器載入原理和過程
- HTTP如何實現快取的
- HTTP和HTTPS的區別
- TCP和UDP的區別
- TCP的擁塞控制
- PC端和移動端前端開發的區別
- 瀏覽器工作原理
- 瀏覽器重繪（repaint）和重排（reflow）
- 常見的瀏覽器核心和瀏覽器核心的理解
- 離線儲存工作原理
- 離線包如何除錯
- 瀏覽器多個標籤間的通訊
- 瀏覽器快取策略
- 對web標準、可用性、可訪問性的理解
- html頁面的渲染過程
- JSBridge的實現原理
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
HTTP狀態碼
答案：常用的http轉態碼如下
1XX--提示資訊
100--繼續
101--更改協議
2XX--成功
200--客戶端請求成功
3XX--重定向
301--永久轉移
302--暫時轉移
304--未修改
4XX--客戶端錯誤
400--錯誤的請求
401--訪問被拒絕
402--禁止訪問
404--未找到
5XX--服務端錯誤
500--伺服器內部錯誤
503--服務不可用
504--閘道器超時
其他參考
HTTP狀態碼大全
HTTP狀態碼Cach-Control
答案：http://baike.baidu.com/link?url=I2l51auZpAcJ8F0-ozRZUWRcCatmQz7PCZ8vdbEzHvCz_yJKcSSeDmn2cDWfOhrUIqL3KRa7wueujDcEZ9QBN_方法 描述 開啟新視窗 如果指定cache-control的值為private、no-cache、must-revalidate,那麼開啟新視窗訪問時都會重新訪問伺服器。而如果指定了max-age值,那麼在此值內的時間裡就不會重新訪問伺服器,例如：Cache-control: max-age=5 表示當訪問此網頁後的5秒內再次訪問不會去伺服器. 在位址列回車 如果值為private或must-revalidate,則只有第一次訪問時會訪問伺服器,以後就不再訪問。如果值為no-cache,那麼每次都會訪問。如果值為max-age,則在過期之前不會重複訪問。 按後退按扭 如果值為private、must-revalidate、max-age,則不會重訪問,而如果為no-cache,則每次都重複訪問 按重新整理按扭 無論為何值,都會重複訪問. 專案經歷及作用和用到的技術等
SEO
答案：淺談前端與SEO
一個頁面從輸入 URL 到頁面載入完的過程中都發生了什麼事情？
答案：［從輸入url到頁面載入完成發生了什麼](http://fex.baidu.com/blog/2014/05/what-happen/)和stackoverflow的[答案](http://stackoverflow.com/questions/2092527/what-happens-when-you-type-in-a-url-in-browser)
常見元件的實現（如讓你實現圖片輪播、時間計時等）
HTTP頭部包含的資訊及作用
HTML\CSS\JS在處理瀏覽器相容性方面的實踐
前端發展的方向及你的瞭解和嘗試（例如：元件化、工程化、前後端分離、前端質量體系、資料視覺化、前端工具及生態圈、前端安全、下一代類庫框架等）
前端工作需要注重的哪些點兒及你在這方面的理解和實踐（如：使用者體驗、效能優化等）
前端MVC與後端MVC的異同及你對前端MVC的理解（個人在實踐方面的理解）
什麼是面向物件程式設計及面向過程程式設計，它們的異同和優缺點
從你自己的理解來看，你是如何理解面向物件程式設計的，它解決了什麼問題，有什麼作用
你對前端的理解？你為什麼學前端？
“漸進增強”和“優雅降級”
答案：漸進增強和優雅降級的區別
什麼是“FOUC”及如何避免
答案：什麼是FOUC？如何避免FOUC？,其實原理很清楚：當樣式表晚於結構性html載入，當載入到此樣式表時，頁面將停止之前的渲染。此樣式表被下載和解析後，將重新渲染頁面，也就出現了短暫的花屏現象。解決方法：使用LINK標籤將樣式表放在文件HEAD中。
頁面效能優化方法及其原理
POST和GET的異同
答案：1. get是從伺服器上獲取資料，post是向伺服器傳送資料。2. get是把引數資料佇列加到提交表單的ACTION屬性所指的URL中，值和表單內各個欄位一一對應，在URL中可以看到。post是通過HTTP post機制，將表單內各個欄位與其內容放置在HTML HEADER內一起傳送到ACTION屬性所指的URL地址。使用者看不到這個過程。 3. 對於get方式，伺服器端用Request.QueryString獲取變數的值，對於post方式，伺服器端用Request.Form獲取提交的資料。 4. get安全性非常低，post安全性較高。但是執行效率卻比Post方法好。
建議： 1、get方式的安全性較Post方式要差些，包含機密資訊的話，建議用Post資料提交方式； 2、在做資料查詢時，建議用Get方式；而在做資料新增、修改或刪除時，建議用Post方式。你是如何瞭解到並且學習一門技術的
講一下你讀過的和正在讀或者研究的關於前端技術的書或者技術
你未來三年的計劃
響應式佈局
檔案上傳的實現
雅虎效能優化的15條規則
瀏覽器載入原理和過程
答案：瀏覽器載入過程和原理。
HTTP如何實現快取的
答案：HTTP協議：快取
HTTP和HTTPS的區別
TCP和UDP的區別
答案：TCP和UDP之間的區別
TCP的擁塞控制
答案:TCP的擁塞控制
PC端和移動端前端開發的區別
答案：1、互動事件，PC滑鼠控制點選精確，而移動端觸控範圍大2、介面佈局，PC端可以有複雜佈局，移動端多為單列布局3、與native之間的互動4、技術框架的選型更看重移動端效能
瀏覽器工作原理
答案：現代瀏覽器的工作原理
瀏覽器重繪（repaint）和重排（reflow）
答案：瀏覽器重繪和重排
常見的瀏覽器核心和瀏覽器核心的理解
離線儲存工作原理
離線包如何除錯
瀏覽器多個標籤間的通訊
瀏覽器快取策略
答案： http://www.cnblogs.com/skynet/archive/2012/11/28/2792503.html對web標準、可用性、可訪問性的理解
答案：web標準的可用性、可訪問性、可維護性
可用性（Usability）：產品是否容易上手，使用者能否完成任務，效率如何，以及這過程中使用者的主觀感受可好，是從使用者的角度來看產品的質量。可用性好意味著產品質量高，是企業的核心競爭力。
可訪問性（Accessibility）：Web內容對於殘障使用者的可閱讀和可理解性
可維護性（Maintainability）：一般包含兩個層次，一是當系統出現問題時，快速定位並解決問題的成本，成本低則可維護性好。二是程式碼是否容易被人理解，是否容易修改和增強功能。
參考：web標準—可用性、可維護性、可訪問性html頁面的渲染過程
答案：推薦兩篇文章,先讀第一篇文章，重點闡述了瀏覽器渲染的一般模式，對瀏覽器的預載入只是簡單介紹；第二篇文章則是重點闡述瀏覽器的預載入，強調“載入並行，執行序列”
瞭解html頁面的渲染過程
研究首屏時間？你先要知道這幾點細節JSBridge的實現原理
答案：H5與Native互動之JSBridge技術