1、HTML(5) 和 CSS(3)
- HTML5、CSS3
- 響應式佈局(rem / flex /等)
- 小程序開發
- React Native開發
推薦書籍:
《CSS權威指南》、
《圖解CSS3》、
《HTML5祕籍》、
《React Native入門與實戰》
2、JS 和 ES6核心原理
- JS堆棧、閉包作用域、瀏覽器詞法解析(V8渲染機制原理)、面向對象和
this
處理(獨立封裝組件和插件,研究常用類庫的源碼) - ES6基礎語法(包括class類的繼承封裝和多態)、ES6中的Promise(及Promise A+規範)、Generator生成器函數等深入用法
- 同步異步編程(包括運行機制和微任務、宏任務,以及實戰應用)
- 常用的編程思想和設計模式:函數的防抖和節流、柯里化函數、惰性函數、單例設計模式、發佈訂閱模式、Promise設計模式等
- DOM性能優化、DOM時間
- 常規算法:去重、冒泡、插入、快速、遞歸等
推薦書籍:
《Javascript高級程序設計》、
《ES6標準入門》、
《你不知道的JavaScript》、
《JavaScript權威指南》
3、AJAX 和 HTTP
- ajax原理、ajax異步解決方案(promise)、axios、fetch及封裝處理、jquery中的ajax操作和庫的封裝
- 跨域解決問題及實現原理:jsonp、cors、webpack proxy等
- HTTP報文(常用的響應請求頭實戰應用技巧)、HTTP(TCP)傳輸流程(包括三次握手四次揮手及TCP底層協議)、HTTP1和HTTP2的區別、HTTP和HTTPS的區別
- 304緩存、DNS緩存、減少HTTP傳輸次數和大小、HTTPS的加密
推薦書籍:《圖解HTTP》
4、框架開發
- Vue全家桶:vue(MVVM實現的原理以及一些語法的原理)、vue-router(HASH路由實現的原理)、vuex(掌握原理)、axios、vue-cli(能夠修改webpack的配置項)、常用UI框架的使用(elementUI、iview)
- react全家桶:create-react-app(能夠修改webpack的配置項)、react(掌握虛擬DOM渲染原理,掌握DOM-DIFF原理,掌握INDEX索引對比機制,掌握MVC實現原理)、react-dom/react/native、react-router、react-redux/dva/mobx(掌握原理)
5、輔助技能
- webpack:掌握常用腳手架和修改,會一些基礎的webpack搭建
- Git
- Node
- Canvas:可視化(以後發展重點,對數學、算法有要求)