技術(shù)名稱 |
技術(shù)內(nèi)容 |
HTML5+CSS3 模塊 |
HTML標簽
瀏覽器內(nèi)核差異性
H5新增標簽
語義化
標簽與屬性
CSS基本語法規(guī)范
CSS常用選擇器與技巧
CSS復合選擇器
數(shù)值與單位
CSS Hack
盒子模型
媒體查詢與響應式
過渡與動畫
彈性盒子模型
浮動
定位
CSS高級技巧(雪碧圖、滑動門和三角形繪制等)
Chrome調(diào)試工具
CSS企業(yè)級應用技巧
網(wǎng)頁常見問題解決方案
PhotoShop應用
Cutterman插件
高效協(xié)作藍湖
項目骨架搭建
項目實戰(zhàn)開發(fā)流程
復雜頁面的設(shè)計與排版
CSS模塊化開發(fā)
CSS字體圖標應用
常見布局解決方案
|
移動端M站 模塊 |
移動端屏幕比例
移動端瀏覽器
物理像素與設(shè)備獨立像素
ViewPort視口相關(guān)
iphone6視覺稿參考
主流移動端適配解決方案
百分比布局
Flex布局優(yōu)勢
REM處理移動端
媒體查詢多終端適配
百度地圖移動端布局分析
|
JavaScript編程 模塊 |
JavaScript概述
JavaScript歷史
基本語法
數(shù)據(jù)類型
數(shù)值精密計算
字符串
對象
數(shù)組
函數(shù)
運算符
數(shù)據(jù)類型轉(zhuǎn)換
錯誤處理機制
編程風格
Object對象
Array對象
包裝對象
Number對象
String對象
Math對象
Date對象
RegExp對象
JSON對象
面向?qū)ο缶幊?/div>
this關(guān)鍵字
prototype對象
原型與原型鏈深入剖析
作用域深入解析
Object對象與繼承
面向?qū)ο缶幊棠J?/div>
異步編程
定時器
Promise對象
嚴格模式
DOM編程
事件類型
window對象
瀏覽器環(huán)境
History對象
Cookie
同源策略
網(wǎng)站特效實現(xiàn)(放大鏡、輪播圖、tab切換等)
設(shè)計模式
MVC與MVVM
|
jQuery 模塊 |
jQuery介紹
jQuery優(yōu)勢
jQuery API詳解
鏈式編程與隱式迭代
源碼解析
插件使用與封裝
jQuery Ajax
jQuery動畫應用
jQuery實現(xiàn)網(wǎng)站特效(放大鏡、輪播圖、tab切換等)
|
BootStrap 模塊 |
第三方UI組件庫
BootStrap引用
BootStrap全局CSS樣式
柵格系統(tǒng)與響應式
拆解柵格系統(tǒng)源碼
柵格系統(tǒng)原理解析
BootStrap JavaScript插件
組件應用
BootStrap定制需求
|
HTML5新特性 模塊 |
語義化標簽
本地存儲
離線緩存
H5連貫性
多媒體相關(guān)
性能提升
調(diào)用原生API
Canvas
Canvas游戲(連連看、消消樂)
|
Node.js、MySQL與Ajax 模塊 |
Ajax的作用
原生XHR對象
同步與異步
Http協(xié)議
Https協(xié)議
封裝Ajax
jQuery Ajax
同源策略
跨域問題及解決方案
JSON解析
CORS與JSONP
前端模板引擎Template
PostMan工具
Node.js開發(fā)環(huán)境
Commonjs規(guī)范
模塊化
NPM與CNPM鏡像
核心模塊
RestFulAPI
Express框架
Koa2框架
中間件
模板引擎
靜態(tài)資源托管
路由相關(guān)
MySQL數(shù)據(jù)庫介紹
MySQL增刪改查
數(shù)據(jù)庫關(guān)聯(lián)
數(shù)據(jù)庫可視化
數(shù)據(jù)庫集成開發(fā)環(huán)境
Node.js鏈接MySQL
|
模塊化 模塊 |
模塊化的歷程
JS模塊模式
Require.js
Sea.js
Node.js的Commonjs規(guī)范
|
JavaScript新標準 (ES6\7\8\9)模塊 |
ES6的目標
Babel解析
Let與Const命令
變量與解構(gòu)賦值
字符串擴展
數(shù)組擴展
函數(shù)擴展
對象擴展
Set與Map數(shù)據(jù)結(jié)構(gòu)
Proxy對象
Promise對象
Generator對象
Async與await
Class類
Class類的繼承
Module模塊
編程風格
|
工程化 模塊 |
Gulp自動化處理
Gulp管理項目壓縮
合并
重命名等操作
Gulp配置熱更新
Webpack靜態(tài)打包模塊器
Webpack入口起點
Webpack輸出
Webpack模式
Webpack Loads
Webpack插件
Webpack配置
Webpack模塊
熱模塊替換
構(gòu)建目標
開發(fā)中的Server
監(jiān)聽打包模塊
模塊打包熱更新
生產(chǎn)環(huán)境與開發(fā)環(huán)境分離
打包優(yōu)化之CodeSplitting代碼分割
打包優(yōu)化之懶加載
打包優(yōu)化之緩存處理
Less與Sass的CSS預處理語言
|
小程序 模塊 |
小程序之初的定義
小程序開發(fā)
小程序框架
小程序組件
小程序API
小程序服務端相關(guān)
小程序工具應用
自定義組件
優(yōu)化
組件與生命周期
小程序分包加載
小程序性能分析與優(yōu)化
小程序云端能力
云服務器
云數(shù)據(jù)庫
云存儲
云調(diào)用
配額
小程序發(fā)布
多平臺小程序
MPVue
Wepy
|
React 模塊 |
Create React App
React最佳實踐
JSX語法
元素渲染
組件
Props與State
事件處理
條件渲染
列表&key
表單相關(guān)
狀態(tài)提升
組合與繼承
代碼分割code-splitting
代碼分割lazy
Context對象
錯誤邊界處理
Refs&DOM
碎片化Fragments
高階組件
性能優(yōu)化
靜態(tài)類型檢查
受控組件與非受控組件
Hook新特性
|
React輕量級框架之 DvaJS |
Dva開發(fā)體驗
React數(shù)據(jù)流解決方案
插件機制
支持HMR
Dva API
定義路由
定義Model
Connect對象
優(yōu)化加載方式
優(yōu)化路由配置
路由原理
Dva開發(fā)復雜SPA
|
React輕量級框架之 UmiJS |
可拔插企業(yè)級框架
約定式路由
開箱即用
高性能
靜態(tài)頁面導出
支持TypeScript
與Dva融合
按需加載
服務器端渲染SSR
基本配置
Webpack配置
immer優(yōu)化開發(fā)
動態(tài)加載
語言設(shè)定
Dll二次啟動提速
打包與部署
|
Vue 模塊 |
Vue基礎(chǔ)
Vue實例對象
模板語法
計算屬性
偵聽器
Class與Style綁定
組件相關(guān)
Props數(shù)據(jù)傳遞
插槽
自定義事件
動態(tài)組件
異步組件
邊界處理
過渡與動畫
混入
自定義指令
渲染函數(shù)與JSX
插件
過濾器
單文件組件
TypeScript支持
生產(chǎn)環(huán)境部署
路由相關(guān)
狀態(tài)管理
服務端渲染
深入響應式原理
封裝組件
npm發(fā)布組件
MVVM雙向數(shù)據(jù)綁定原理
$nextTick原理
發(fā)布訂閱模式
權(quán)限管理
|
Angular 模塊 |
Angular引入
雙向數(shù)據(jù)綁定
MVC模式
Angular服務
Angular路由
表單相關(guān)
依賴注入
|
框架原理與 進階 |
TypeScript
TS靜態(tài)類型檢查
React支持TypeScript
Vue支持TypeScript
Vue雙向數(shù)據(jù)綁定原理
模擬實現(xiàn)Vue框架數(shù)據(jù)綁定
RxJS
Redux API
React-Redux
Redux-thunk
Redux-Saga
Redux深入解析
Redux應用技巧
Redux常見問題與解決方案
Redux異步相關(guān)
Vuex API
異步與同步
Reducers
Actions
modules
getters
插件
嚴格模式
熱重載
React服務器端渲染解決方案next.js
Vue服務器端渲染解決方案nuxt.js
|
UI組件庫 模塊 |
Antd組件庫介紹
Antd UI設(shè)計風格
組件引入
按需加載
常用組件詳解
組件庫源碼分析
定制主題
常見問題規(guī)避與解決方案
Element UI組件庫引入
Vue-cli@3版本引入
全加載與按需加載
自定義主題
|
協(xié)同開發(fā) 模塊 |
SVN與Git介紹
SVN客戶端與服務器端搭建
SVN管理版本
SVN沖突解決
SVN多人寫作開發(fā)
Git環(huán)境搭建
Git分布式
Git版本庫管理
Git前進
后退
修改與撤銷
git分支管理
git沖突解決
github遠程倉庫關(guān)聯(lián)
gitee遠程倉庫關(guān)聯(lián)
|
大數(shù)據(jù)可視化 模塊 |
Echarts
D3.js
three.js
AntV(G2)
全國地圖
世界地圖
發(fā)散點描繪
雙軸線
折線圖
散點圖
條形圖
熱力圖
環(huán)形圖
路線圖
3DMap
參數(shù)調(diào)優(yōu)
|
微信相關(guān) 模塊 |
公眾號開發(fā)
JSSDK相關(guān)開發(fā)
展示
分享
支付
錄音
|
WebApp與混合開發(fā) 模塊 |
Cordova
phoneGap
混可開發(fā)介紹
布局處理
Vant組價庫
常見注意事項與解決方案
與原生交互
Webpack打包優(yōu)化
調(diào)試工具應用
WebView深入理解
|
React-Native 模塊 |
環(huán)境搭建
Android SDK
Props
State
基礎(chǔ)API
特定平臺代碼
無障礙功能
改進用戶體驗
多平臺支持
發(fā)布定制React-Native包
|
Flutter 模塊 |
環(huán)境搭建
體驗Flutter
Widget
Flutter for web開發(fā)
執(zhí)行基本布局操作
控制位置和大小
處理形狀
操作文本
資源與圖片
路由與導航
國際化
|