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

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

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

实验 3 Vue 基础讲解

知识点: 1.Vue基础知识

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

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

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

实验 7 字体与字号

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

实验 8 颜色与图片

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

实验 9 Selection/Range 讲解

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

实验 10 表格与链接

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

实验 11 编辑区(一)

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

实验 12 编辑区(二)

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

课程介绍

本训练营项目是使用 Vue.js 实现一个简易的富文本编辑器应用。通过本项目的实战学习,你将获得以下技能:

  • Vue.js 框架进阶学习,数据绑定操作,组件式开发。
  • 资源打包工具的了解与使用,以 webpack 讲解为主。
  • Vuex 的使用,让你了解全局状态管理的作用与优势,并学习掌握。
  • Range/Selection 的讲解与实践,带你深入探索富文本编辑器背后的原理。

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

先学课程

适合人群

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

课程信息

  • 学习周期:课程有效期 2 个月,2 个月后无法进行在线实验,但可查看文档内容。高级会员有效期内可一直学习,到期后课程失效,且无法查看文档。部分云主机实验环境因成本较高,存在开启次数限制。关于课程退款等相关注意事项说明,请阅读 用户付费协议
  • 版权说明:课程内容为实验楼原创或实验楼在原作者授权下制作。未经书面同意,擅自爬取、转载和再分发课程内容,均将受到严肃追责。
  • 企业团报:企业购买,请点击 企业用户咨询
课程教师

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

水可载舟,亦可赛艇。

查看老师的所有课程 >
实验楼楼+
实验楼会员
会员
开通会员,即刻开始学习
公众号
实验楼学习助手 实验楼订阅号