前端知識點總結(綜合篇)


  1. HTTP狀態碼
  2. Cach-Control
  3. 項目經歷及作用和用到的技術等
  4. SEO
  5. 一個頁面從輸入 URL 到頁面加載完的過程中都發生了什么事情?
  6. 常見組件的實現(如讓你實現圖片輪播、時間計時等)
  7. HTTP頭部包含的信息及作用
  8. HTML\CSS\JS在處理瀏覽器兼容性方面的實踐
  9. 前端發展的方向及你的了解和嘗試(例如:組件化、工程化、前后端分離、前端質量體系、數據可視化、前端工具及生態圈、前端安全、下一代類庫框架等)
  10. 前端工作需要注重的哪些點兒及你在這方面的理解和實踐(如:用戶體驗、性能優化等)
  11. 前端MVC與后端MVC的異同及你對前端MVC的理解(個人在實踐方面的理解)
  12. 什么是面向對象編程及面向過程編程,它們的異同和優缺點
  13. 從你自己的理解來看,你是如何理解面向對象編程的,它解決了什么問題,有什么作用
  14. 你對前端的理解?你為什么學前端?
  15. “漸進增強”和“優雅降級”
  16. 什么是“FOUC”及如何避免
  17. 頁面性能優化方法及其原理
  18. POST和GET的異同
  19. 你是如何了解到並且學習一門技術的
  20. 講一下你讀過的和正在讀或者研究的關於前端技術的書或者技術
  21. 你未來三年的計划
  22. 響應式布局
  23. 文件上傳的實現
  24. 雅虎性能優化的15條規則
  25. 瀏覽器加載原理和過程
  26. HTTP如何實現緩存的
  27. HTTP和HTTPS的區別
  28. TCP和UDP的區別
  29. TCP的擁塞控制
  30. PC端和移動端前端開發的區別
  31. 瀏覽器工作原理
  32. 瀏覽器重繪(repaint)和重排(reflow)
  33. 常見的瀏覽器內核和瀏覽器內核的理解
  34. 離線存儲工作原理
  35. 離線包如何調試
  36. 瀏覽器多個標簽間的通信
  37. 瀏覽器緩存策略
  38. 對web標准、可用性、可訪問性的理解
  39. html頁面的渲染過程
  40. JSBridge的實現原理

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  1. HTTP狀態碼
    答案:常用的http轉態碼如下
    1XX--提示信息
    100--繼續
    101--更改協議
    2XX--成功
    200--客戶端請求成功
    3XX--重定向
    301--永久轉移
    302--暫時轉移
    304--未修改
    4XX--客戶端錯誤
    400--錯誤的請求
    401--訪問被拒絕
    402--禁止訪問
    404--未找到
    5XX--服務端錯誤
    500--服務器內部錯誤
    503--服務不可用
    504--網關超時
    其他參考
    HTTP狀態碼大全
    HTTP狀態碼

  2. 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,則每次都重復訪問
    按刷新按扭 無論為何值,都會重復訪問.
  3. 項目經歷及作用和用到的技術等

  4. SEO

    答案:淺談前端與SEO

  5. 一個頁面從輸入 URL 到頁面加載完的過程中都發生了什么事情?

    答案:[從輸入url到頁面加載完成發生了什么](http://fex.baidu.com/blog/2014/05/what-happen/)和stackoverflow的答案

  6. 常見組件的實現(如讓你實現圖片輪播、時間計時等)

  7. HTTP頭部包含的信息及作用

  8. HTML\CSS\JS在處理瀏覽器兼容性方面的實踐

  9. 前端發展的方向及你的了解和嘗試(例如:組件化、工程化、前后端分離、前端質量體系、數據可視化、前端工具及生態圈、前端安全、下一代類庫框架等)

  10. 前端工作需要注重的哪些點兒及你在這方面的理解和實踐(如:用戶體驗、性能優化等)

  11. 前端MVC與后端MVC的異同及你對前端MVC的理解(個人在實踐方面的理解)

  12. 什么是面向對象編程及面向過程編程,它們的異同和優缺點

  13. 從你自己的理解來看,你是如何理解面向對象編程的,它解決了什么問題,有什么作用

  14. 你對前端的理解?你為什么學前端?

  15. “漸進增強”和“優雅降級”

    答案:漸進增強和優雅降級的區別

  16. 什么是“FOUC”及如何避免

    答案:什么是FOUC?如何避免FOUC?,其實原理很清楚:當樣式表晚於結構性html加載,當加載到此樣式表時,頁面將停止之前的渲染。此樣式表被下載和解析后,將重新渲染頁面,也就出現了短暫的花屏現象。解決方法:使用LINK標簽將樣式表放在文檔HEAD中。

  17. 頁面性能優化方法及其原理

    答案:web前端頁面性能優化小結

  18. 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方式。

  19. 你是如何了解到並且學習一門技術的

  20. 講一下你讀過的和正在讀或者研究的關於前端技術的書或者技術

  21. 你未來三年的計划

  22. 響應式布局

  23. 文件上傳的實現

  24. 雅虎性能優化的15條規則

  25. 瀏覽器加載原理和過程

    答案:瀏覽器加載過程和原理

  26. HTTP如何實現緩存的

    答案:HTTP協議:緩存

  27. HTTP和HTTPS的區別

    答案:聽大神說https和http區別

  28. TCP和UDP的區別

    答案: TCP和UDP之間的區別

  29. TCP的擁塞控制

    答案:TCP的擁塞控制

  30. PC端和移動端前端開發的區別

    答案:1、交互事件,PC鼠標控制點擊精確,而移動端觸控范圍大2、界面布局,PC端可以有復雜布局,移動端多為單列布局3、與native之間的互動4、技術框架的選型更看重移動端性能

  31. 瀏覽器工作原理

    答案:現代瀏覽器的工作原理

  32. 瀏覽器重繪(repaint)和重排(reflow)

    答案:瀏覽器重繪和重排

  33. 常見的瀏覽器內核和瀏覽器內核的理解

  34. 離線存儲工作原理

  35. 離線包如何調試

  36. 瀏覽器多個標簽間的通信

  37. 瀏覽器緩存策略
    答案: http://www.cnblogs.com/skynet/archive/2012/11/28/2792503.html

  38. 對web標准、可用性、可訪問性的理解
    答案:web標准的可用性、可訪問性、可維護性
    可用性(Usability):產品是否容易上手,用戶能否完成任務,效率如何,以及這過程中用戶的主觀感受可好,是從用戶的角度來看產品的質量。可用性好意味着產品質量高,是企業的核心競爭力。
    可訪問性(Accessibility):Web內容對於殘障用戶的可閱讀和可理解性
    可維護性(Maintainability):一般包含兩個層次,一是當系統出現問題時,快速定位並解決問題的成本,成本低則可維護性好。二是代碼是否容易被人理解,是否容易修改和增強功能。
    參考web標准—可用性、可維護性、可訪問性

  39. html頁面的渲染過程
    答案:推薦兩篇文章,先讀第一篇文章,重點闡述了瀏覽器渲染的一般模式,對瀏覽器的預加載只是簡單介紹;第二篇文章則是重點闡述瀏覽器的預加載,強調“加載並行,執行串行”
    了解html頁面的渲染過程
    研究首屏時間?你先要知道這幾點細節

  40. JSBridge的實現原理
    答案:H5與Native交互之JSBridge技術


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM