前端知識體系 --- 2020年版本

1、HTML(5) 和 CSS(3)

  1. HTML5、CSS3
  2. 響應式佈局(rem / flex /等)
  3. 小程序開發
  4. React Native開發

推薦書籍:
《CSS權威指南》、

​ 《圖解CSS3》、

​ 《HTML5祕籍》、

​ 《React Native入門與實戰》

2、JS 和 ES6核心原理

  1. JS堆棧、閉包作用域、瀏覽器詞法解析(V8渲染機制原理)、面向對象和this處理(獨立封裝組件和插件,研究常用類庫的源碼)
  2. ES6基礎語法(包括class類的繼承封裝和多態)、ES6中的Promise(及Promise A+規範)、Generator生成器函數等深入用法
  3. 同步異步編程(包括運行機制和微任務、宏任務,以及實戰應用)
  4. 常用的編程思想和設計模式:函數的防抖和節流、柯里化函數、惰性函數、單例設計模式、發佈訂閱模式、Promise設計模式等
  5. DOM性能優化、DOM時間
  6. 常規算法:去重、冒泡、插入、快速、遞歸等

推薦書籍:
《Javascript高級程序設計》、

​ 《ES6標準入門》、

​ 《你不知道的JavaScript》、

​ 《JavaScript權威指南》

3、AJAX 和 HTTP

  1. ajax原理、ajax異步解決方案(promise)、axios、fetch及封裝處理、jquery中的ajax操作和庫的封裝
  2. 跨域解決問題及實現原理:jsonp、cors、webpack proxy等
  3. HTTP報文(常用的響應請求頭實戰應用技巧)、HTTP(TCP)傳輸流程(包括三次握手四次揮手及TCP底層協議)、HTTP1和HTTP2的區別、HTTP和HTTPS的區別
  4. 304緩存、DNS緩存、減少HTTP傳輸次數和大小、HTTPS的加密

推薦書籍:《圖解HTTP》

4、框架開發

  1. Vue全家桶:vue(MVVM實現的原理以及一些語法的原理)、vue-router(HASH路由實現的原理)、vuex(掌握原理)、axios、vue-cli(能夠修改webpack的配置項)、常用UI框架的使用(elementUI、iview)
  2. react全家桶:create-react-app(能夠修改webpack的配置項)、react(掌握虛擬DOM渲染原理,掌握DOM-DIFF原理,掌握INDEX索引對比機制,掌握MVC實現原理)、react-dom/react/native、react-router、react-redux/dva/mobx(掌握原理)

5、輔助技能

  1. webpack:掌握常用腳手架和修改,會一些基礎的webpack搭建
  2. Git
  3. Node
  4. Canvas:可視化(以後發展重點,對數學、算法有要求)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章