你将学到的
  • Vue.js 基础与进阶
  • Webpack 配置基本概念
  • 富文本编辑器实战
  • Vuex 全局状态管理
  • Selection/Range 了解与应用
课程内容
  共13个章节
lab-classic 实验 1 项目搭建

知识点: 1.Vuejs基础与进阶 2.Vuex全局状态管理 3.Webpack讲解 4.Selection/Range了解与应用 5.原生js代码的编写

lab-classic 实验 2 WebPack 基础

知识点: 1.webpack介绍 2.webpack配置基本概念 3.本项目中webpack配置讲解

lab-classic 实验 3 Vue 基础讲解

知识点: 1.Vue基础知识

lab-classic 实验 4 配置文件

知识点: 1.项目配置文件讲解 2.项目结构分析

lab-classic 实验 5 Vuex 使用

知识点: 1.全局状态管理 2.vuex在项目中的使用

lab-classic 实验 6 组件整合

知识点: 1.编辑器主要框架搭建

lab-classic 实验 7 字体与字号

知识点: 1.字体与字号调整 2.单文件组件编写

lab-classic 实验 8 颜色与图片

知识点: 1.颜色与图片组件开发

lab-classic 实验 9 Selection/Range 讲解

知识点: 1.Selection对象 2.Range对象

lab-classic 实验 10 表格与链接

知识点: 1.vue组件开发 2.编辑区插入表格内容 3.超链接的生成与取消

lab-classic 实验 11 编辑区(一)

知识点: 1.文本编辑区功能实现 2.Selection/Range 3.vuex

lab-classic 实验 12 编辑区(二)

知识点: 1.range操作 2.文档命令执行 3.视图切换

lab-classic 实验 13 项目总结
课程介绍

Vue.js 实现富文本编辑器

课程介绍

本训练营项目是使用Vue.js实现一个简易的富文本编辑器应用。通过本项目的实战学习,你将获得以下技能:Vue.js框架进阶学习,数据绑定操作,组件式开发。

  • 资源打包工具的了解与使用,以webpack讲解为主。
  • Vuex的使用,让你了解全局状态管理的作用与优势,并学习掌握。
  • Range/Selection的讲解与实践,带你深入探索富文本编辑器背后的原理。

这是一个纯前端的项目,主要学习Vue框架的使用与原生Js编写,同时了解DOM的相关知识。

实验任务

  • 实践 Vue.js 的基本使用
  • Vuex 项目实战
  • 富文本编辑器实战

先学知识

Vue 基础入门

课程信息

  • 学习周期:课程有效期2个月, 2个月后实验文档一直可以看,但无法进行在线实验。高级会员有效期内可一直学习,高级会员到期后课程失效(不能看文档)。
  • 课程价格:当前优惠价69元。
  • 会员服务:非会员购买课程赠送2个月会员服务,会员折算为等价值的实验豆。
  • 企业团报:可获得更多支持服务,请点击购买咨询

适合人群

  • 有一定 Web 开发基础,对 Vue.js 有浓厚兴趣的同学

常见问题

课程可以开具发票吗?

课程可以开具普通发票,请联系客服告知发票抬头等信息。联系客服

每个实验需要多久时间完成?

每个实验规模有很大差异,需要1-3小时的动手操作时间。

实验中遇到问题怎么办?

问题欢迎随时在实验楼讨论区中提出, 也许其他学过的同学知道答案哦!

其他问题 >

课程教师

零时迷子 教师 实验楼 共发布过 7 门课程

水可载舟,一颗赛艇。

查看老师的所有课程 >
实验楼楼+
实验楼会员