?web前端路線? ?百戰程序員?① HTML5+CSS3?HTML標簽 瀏覽器內核差異性 H5新增標簽 語義化 標簽與屬性 CSS基本語法規范 CSS常用選擇器與技巧 CSS復合選擇器 ?數值與單位 CSS Hack 盒子模型 媒體查詢與響應式 過渡與動畫 彈性盒子模型 浮動 定位 ? CSS高級技巧(雪碧圖、滑動門和三角形繪制等) Chrome調試工具 CSS企業級應用技巧 網頁常見問題解決方案 PhotoShop應用?Cutterman插件 高效協作藍湖 項目骨架搭建 項目實戰開發流程 復雜頁面的設計與排版 CSS模塊化開發 CSS字體圖標應用?常見布局解決方案?② 移動端M站開發?移動端屏幕比例 移動端瀏覽器 物理像素與設備獨立像素 ViewPort視口相關 iphone6視覺稿參考 主流移動端適配解決方案?百分比布局 Flex布局優勢 REM處理移動端 媒體查詢多終端適配 百度地圖移動端布局分析?③ JavaScript語言實戰?JavaScript概述 JavaScript歷史 基本語法 數據類型 數值精密計算 字符串 對象 數組 函數 運算符 數據類型轉換?編程風格 Object對象 Array對象 包裝對象 Number對象 String對象 Math對象?Date對象 RegExp對象 JSON對象 面向對象編程 this關鍵字 prototype對象 原型與原型鏈深入剖析 作用域深入解析?Object對象與繼承 面向對象編程模式 異步編程 定時器 Promise對象 嚴格模式 DOM編程 事件類型 window對象 瀏覽器環境?History對象 Cookie 同源策略 網站特效實現(放大鏡、輪播圖、tab切換等) 設計模式 MVC與MVVM?④ jQuery技術?jQuery介紹 jQuery優勢 jQuery API詳解 鏈式編程與隱式迭代 源碼解析 插件使用與封裝 jQuery Ajax jQuery動畫應用?jQuery實現網站特效(放大鏡、輪播圖、tab切換等)?⑤ BootStrap技術?第三方UI組件庫 BootStrap引用 BootStrap全局CSS樣式 柵格系統與響應式 拆解柵格系統源碼 柵格系統原理解析?BootStrap JavaScript插件 組件應用 BootStrap定制需求?⑥ HTML5新特性?語義化標簽 本地存儲 離線緩存 H5連貫性 多媒體相關 性能提升 調用原生API Canvas Canvas游戲(連連看、消消樂)?⑦ Node.js、MySQL與Ajax綜合?Ajax的作用 原生XHR對象 同步與異步 Http協議 Https協議 封裝Ajax jQuery Ajax 同源策略 跨域問題及解決方案 JSON解析?CORS與JSONP 前端模板引擎Template PostMan工具 Node.js開發環境 Commonjs規范 模塊化 NPM與CNPM鏡像?核心模塊 RestFulAPI Express框架 Koa2框架 中間件 模板引擎 靜態資源托管 路由相關 MySQL數據庫介紹 MySQL增刪改查?數據庫關聯 數據庫可視化 數據庫集成開發環境 Node.js鏈接MySQL?⑧ 模塊化技術?模塊化的歷程 JS模塊模式 Require.js Sea.js Node.js的Commonjs規范?⑨ JavaScript新標準?ES6的目標 Babel解析 Let與Const命令 變量與解構賦值 字符串擴展 數組擴展 函數擴展 對象擴展 Set與Map數據結構?Proxy對象 Promise對象 Generator對象 Async與await Class類 Class類的繼承 Module模塊 編程風格?⑩ 工程化模塊?Gulp自動化處理 Gulp管理項目壓縮 合并 重命名等操作 Gulp配置熱更 Webpack靜態打包模塊器 Webpack入口起點?Webpack輸出?Webpack模式 Webpack Loads Webpack插件 Webpack配置 Webpack模塊 熱模塊替換 構建目標 開發中的Server?監聽打包模塊 模塊打包熱更新 生產環境與開發環境分離 打包優化之CodeSplitting代碼分割 打包優化之懶加載 打包優化之緩存處理?Less與Sass的CSS預處理語言?? 微信小程序開發?小程序之初的定義 小程序開發 小程序框架 小程序組件 小程序API 小程序服務端相關 小程序工具應用 自定義組件 優化?組件與生命周期 小程序分包加載 小程序性能分析與優化 小程序云端能力 云服務器 云數據庫 云存儲 云調用 配額?小程序發布 多平臺小程序 MPVue Wepy?? React框架?Create React App React最佳實踐 JSX語法 元素渲染 組件 Props與State 事件處理 條件渲染 列表&key 表單相關?狀態提升?組合與繼承 代碼分割code-splitting 代碼分割lazy Context對象 錯誤邊界處理 Refs&DOM 碎片化Fragments 高階組件?性能優化 靜態類型檢查 受控組件與非受控組件 Hook新特性?? React輕量級框架之DvaJS?Dva開發體驗 React數據流解決方案 插件機制 支持HMR Dva API 定義路由 定義Model Connect對象 優化加載方式 ?優化路由配置 路由原理 Dva開發復雜SPA?? React輕量級框架之UmiJS