- 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頭部包含的信息及作用
-
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技術