首页/全部课程/前端/课程详情
课程介绍

常见问题
Q1: 本课程的价格是一次性的吗?
A: 课程标价就是整个课程的价格,购买后观看本课程内所有章节视频不另外收费。
Q2: 购买本课程提供所用软件吗?
A: 客栈学院只提供课程教学,不提供软件销售和下载,请同学们自行安装好正版软件进行学习。
Q3: 本课程有观看有效期吗?
A: 课程不限有效期,购买成功即可随时观看。
Q4: 本课程视频可以下载吗?
A: 由于视频涉及版权问题,课程视频不支持下载。
Q5: 本课程买了之后有售后服务吗?
A: 购买完课程之后可以加售后答疑微信,课程学习过程中会有资料发送、答疑解惑等售后服务内容。
目录8章91节
第1章 了解课程学习内容
1-1: 第1节 了解课程内容
免费
第2章 button按钮组件封装
2-1: 第2节 button组件封装 - 定义主题色
免费
2-2: 第3节 button组件封装 - 定义边框、圆角、禁用效果
免费
2-3: 第4节 button组件封装 - type属性生成主题按钮
免费
2-4: 第5节 button组件封装 - border属性、round属性、disabled属性
免费
2-5: 第6节 button组件封装 - size属性
免费
2-6: 第7节 button组件封装 - min-width弹性宽度
免费
2-7: 第8节 button组件封装 - 图标生成 - 1
免费
2-8: 第9节 button组件封装 - 图标生成 - 2
免费
2-9: 第10节 button组件封装 - 图标生成 - 3
免费
2-10: 第11节 button组件封装 - 块级按钮
免费
2-11: 第12节 button组件封装 - loading加载按钮
免费
2-12: 第13节 button组件封装 - loading点击事件
免费
2-13: 第14节 button组件封装 - loading异步加载
免费
2-14: 第15节 button组件封装 - 自定义主题颜色
免费
第3章 table列表表单组件封装
3-1: 第1节 table组件封装 - 初始table组件规范
3-2: 第2节 table组件封装 - 定义数据配置表头
3-3: 第3节 table组件封装 - 复选框、索引、宽度属性配置
3-4: 第4节 table组件封装 - 自定义渲染文本
3-5: 第5节 table组件封装 - 插槽渲染组件
3-6: 第6节 table组件封装 - 作用域插槽传输数据
3-7: 第7节 table组件封装 - axios请求数据
3-8: 第8节 table组件封装 - 配置url请求地址
3-9: 第9节 table组件封装 - 渲染第2个接口的数据
3-10: 第10节 table组件封装 - 接口传参
3-11: 第11节 table组件封装 - 初始化请求和手动请求
3-12: 第12节 table组件封装 - onload数据回调
3-13: 第13节 table组件封装 - 格式化数据后渲染列表
3-14: 第14节 table组件封装 - 获取checkbox的数据
3-15: 第15节 table组件封装 - sorttable排序
3-16: 第16节 table组件封装 - 远程排序sortBy属性
3-17: 第17节 table组件封装 - 动态组件
3-18: 第18节 table组件封装 - 动态组件-读取文件
3-19: 第19节 table组件封装 - 动态组件-映射组件
3-20: 第20节 table组件封装 - 动态组件-组件生成
3-21: 第21节 table组件封装 - 动态组件-function类型渲染
3-22: 第22节 table组件封装 - 动态组件-文本渲染
3-23: 第23节 table组件封装 - 完结
第4章 form表单组件封装
4-1: 第1节 form组件封装 - 了解基本元素
4-2: 第2节 form组件封装 - 定义item渲染表单项
4-3: 第3节 form组件封装 - 字段绑定
4-4: 第4节 form组件封装 - 了解校验规则
4-5: 第5节 form组件封装 - 传统方式绑定校验规则
4-6: 第6节 form组件封装 - form-item对象配置校验规则
4-7: 第7节 form组件封装 - 自定义required属性,生成必填校验
4-8: 第8节 form组件封装 - message手动生成和自动生成
4-9: 第9节 form组件封装 - 添加新的校验规则
4-10: 第10节 form组件封装 - 自定义校验规则
4-11: 第11节 form组件封装 - 配置phone手机号校验规则
4-12: 第12节 form组件封装 -抽离校验方法
4-13: 第13节 form组件封装 - 提交按钮渲染
4-14: 第14节 form组件封装 - 提交表单校验数据
4-15: 第15节 form组件封装 - 提交按钮的加载交互
4-16: 第16节 form组件封装 - 数据重置,callback事件回调
4-17: 第17节 form组件封装 - 使用自己封装的button按钮
4-18: 第18节form组件封装 - 动态组件-watch 初始化数据
4-19: 第19节form组件封装 - 动态组件-emit的update方法,同步数据
第5章 select组件封装
5-1: 第1节 select组件集成 - option
5-2: 第2节 select组件- 初始化option
5-3: 第3节 select组件- 动态option的key
5-4: 第4节 select组件- 动态option的key
5-5: 第5节 select组件封装 - 接口异步数据1
5-6: 第6节 select组件封装 - 接口异步数据2
5-7: 第7节 select组件封装 - 远程搜索
5-8: 第8节 select组件封装 - 远程搜索定义字段名称
5-9: 第9节 select组件封装 - 远程搜索配置、多选
5-10: 第10节 select组件封装 - 自定义模板
5-11: 第11节 select组件封装 - 自定义模板
5-12: 第12节 select组件封装 - 完结
第6章 checkbox、radio组件封装
6-1: 第1节 checkbox组件封装 - 集成复选框组件
6-2: 第2节 checkbox组件封装 - 初始化数据
6-3: 第3节 checkbox组件封装 - 一个体验的bug
6-4: 第4节 checkbox组件封装 -抽离公共对象
6-5: 第5节 checkbox组件封装 - 公共对象的混合
6-6: 第6节 - 完结
第7章 date日期组件封装
7-1: 第1节 date日期组件封装 - type日期类型配置
7-2: 第2节 date日期组件封装 - placeholder占位符配置
7-3: 第3节 date日期组件封装 - picker-options禁用日期的规则
7-4: 第4节 date日期组件封装 - 配置禁用日期
7-5: 第5节 date日期组件封装 - 自定义禁用日期规则
7-6: 第6节 date日期组件封装 - format日期显示格式 - 完结
第8章 upload上传组件封装
8-1: 第1节 upload上传组件封装 - 初始化
8-2: 第2节 upload上传组件封装 - 元素类型
8-3: 第3节 upload上传组件封装 - 自定义上传区域尺寸
8-4: 第4节 upload上传组件封装 - 自定义接口上传文件1
8-5: 第5节 upload上传组件封装 - 自定义接口上传文件2
8-6: 第6节 upload上传组件封装 - 自定义删除
8-7: 第7节 upload上传组件封装 - 限制上传数量、回调提示
8-8: 第8节 upload上传组件封装 - 限制上传文件的大小
8-9: 第9节 upload上传组件封装 - 删除动作回调
8-10: 第10节 upload上传组件封装 - 完结
A总
前端架构师
A总