課程大綱：Vue.js 實現(xiàn)富文本編輯器培訓(xùn)
1 Vue.js 基礎(chǔ)與進(jìn)階
2 Webpack 配置基本概念
3 富文本編輯器實戰(zhàn)
4 Vuex 全局狀態(tài)管理
5 Selection/Range 了解與應(yīng)用
1
項目搭建
1.Vuejs基礎(chǔ)與進(jìn)階
2.Vuex全局狀態(tài)管理
3.Webpack講解
4.Selection/Range了解與應(yīng)用
5.原生js代碼的編寫
2
WebPack 基礎(chǔ)
1.webpack介紹
2.webpack配置基本概念
3.本項目中webpack配置講解
3
Vue 基礎(chǔ)講解
1.Vue基礎(chǔ)知識
4
配置文件
1.項目配置文件講解
2.項目結(jié)構(gòu)分析
5
Vuex 使用
1.全局狀態(tài)管理
2.vuex在項目中的使用
6
組件整合
1.編輯器主要框架搭建
7
字體與字號
1.字體與字號調(diào)整
2.單文件組件編寫
8
顏色與圖片
1.顏色與圖片組件開發(fā)
9
Selection/Range 講解
1.Selection對象
2.Range對象
10
表格與鏈接
1.vue組件開發(fā)
2.編輯區(qū)插入表格內(nèi)容
3.超鏈接的生成與取消
11
編輯區(qū)(一)
1.文本編輯區(qū)功能實現(xiàn)
2.Selection/Range
3.vuex
12
編輯區(qū)(二)
1.range操作
2.文檔命令執(zhí)行
3.視圖切換
加入高級會員獲得助教答疑
