#### TypeScript 1. 理解泛型、接口等面向對象的相關概念，TypeScript對面向對象理念的實現 2. 理解TypeScript的好處、掌握TypeScript基礎語法 3. TypeScript的規則檢測原理 4. 可以在React、Vue等框架中使得TypeScript進行開發 #### React 1. React和Vue選型和優缺點、核心架構的區別 2. React中setState的執行機制，如何有效管理狀態 3. React的事件底層實現機制 4. React的虛擬DOM和Diff算法的內部實現 5. React的Fiber工作原理，解決了什么問題 6. React Router和Vue Router的底層實現原理、動態加載實現原理 7. 可熟練使用React API、生命周期等，可應用HOC、render props、Hooks等高階用法解決問題 8. 基于React的特性和原理，可以手動實現一個簡單的React #### Vue 1. 熟練使用Vue的API、生命周期、鉤子函數 2. MVVM框架設計理念 3. Vue雙向綁定實現原理、Diff算法的內部實現 4. Vue事件機制 5. 從template轉換成真實DOM的實現機制 #### 多端開發 1. 單頁面應用SPA的原理和優缺點，掌握一種快速開發SPA的方案 2. 理解viewport、em、rem的原理和用法 ，分辨率、px、ppi、dpi、dp的區別和實際應用 3. 移動端頁面適配解決方案、不同機型適配方案 4. 掌握一種JavaScript移動客戶端開發技術，如React Native：可以搭建React Native開發環境，熟練進行開發，可理解React Native的動作原理 ，不同端適配 5. 掌握一種JavaScript PC客戶端開發技術 ，如Electron：可搭建Electron開發環境，熟練進行開發，可理解Electron的動作原理 6. 掌握一種小程序開發框架或原生小程序開發 7. 理解多端框架的內部實現原理 ，至少了解一個多端框架的使用 #### 數據流管理 1. 掌握React和Vue傳統的跨組件通信方案，對比采用數據流管理框架的異同 2. 熟練使用Redux管理數據流，并理解其實現原理，中間件實現原理 3. 熟練使用Mobx管理數據流，并理解其實現原理 ，相比Redux有什么優勢 4. 熟練使得Vuex管理數據流，并理解其實現原理 5. 以上數據流方案的異同和優缺點，不同情況下的技術選型 #### 實用庫 1. 至少掌握一種UI組件框架，如antd desing，理解其設計理念、底層實現 2. 掌握一種圖表繪制框架，如Echarts 3. 掌握一種GIS( 地理信息系統 )開發框架，如百度地圖API 4. 掌握一種可視化開發框架，如Three.js、D3 5. 工具函數庫，如lodash、underscore、moment等，理解使用的工具類或工具函數的具體實現原理 #### 開發和調試 1. 熟練使用各瀏覽器提供的調試工具 2. 熟練使用一種代理工具實現請求代理、抓包，如charls 3. 可以使用Android、IOS模擬器進行調試，并掌握一種真機調試方案 4. 了解Vue、React等框架調試工具的使用