课程目录

• Vue UI 框架-初级版
• 1 课前水平自测 1 问卷
• 1 课程简介
• 超链接.txt
• 2 课后习题
• 测试 JS、Vue 水平自测
• 10 简单轮子：Tab 组件 8 视频 1 文章
• 1 课程简介
• 简单轮子：Tab 组件 超链接.txt
• 2 学习资源
• 1. 视频 最近反馈的问题解答-
• 2. 视频 解决bug的思路-
• 3. 视频 需求分析-
• 4. 视频 创建五个组件-
• 5. 视频 依赖注入和eventbu-
• 6. 视频 如何切换tab-
• 7. 视频 tabs测试（上）-
• 8. 视频 tabs测试（下）-
• 11 简单轮子：Popover 组件 4 视频
• 1 课程简介
• 2 学习资源
• 1. 视频 开始popover组件-
• 2. 视频 解决新手常见的三个问题-
• 3. 视频 支持四个方位-
• 4. 视频 支持click和hover两种方式-
• 12 简单轮子：手风琴组件 4 视频 1 问卷
• 1 课程简介
• 简单轮子：手风琴组件 超链接.txt
• 2 学习资源
• 1.视频 创建手风琴组件-
• 2.视频 一个不太好的实现single的方式-
• 3.视频 实现selected.sync-
• 4.视频 组件经验总结-
• 3 课后习题
• 13 阶段性总结 4 视频 1 文章 1 问卷
• 1 课程简介
• 2 学习资源
• 1.文章 讲义 超链接.txt
• 2.视频 阶段性总结-
• 3. 视频 制作自己的官网-
• 4. 视频 展示自己的组件-
• 5.视频 部署到github pages-
• 3 课后习题
• 测试 自制官网
• 14 中级轮子：省市区级联选择组件 9 视频 1 文章
• 1 课程简介
• 2 学习资源
• 10. 视频 使用递归算法找出被选中的item-
• 2. 视频 省市区层级选择组件-
• 3. 视频 渲染弹出内容-
• 4. 视频 递归渲染-
• 5. 视频 添加样式时发现 parcel 有问题-
• 6. 视频 （可选）尝试使用 webpack@4 失败-
• 7. 视频 尝试使用 vue-cli@3 成功-
• 8. 视频 （可选）尝试在点击 level1 的时候隐藏 level3 失败-
• 9. 视频 使用单向数据流简化问题-
• 15 中级轮子：省市区级联选择组件（下） & 构建工具升级 6 视频
• 1 课程简介
• 2 学习资源
• 1.视频 0818-1-深入理解computed-
• 2.视频 0818-2-使用isleaf判断叶子节点-
• 3.视频 0818-3-理解指令-
• 4.视频 0818-4-加载数据时展示菊花-
• 5.视频 0819-1-插播一个面试题-
• 6.视频 0819-2-单元测试全面升级-
• 16 Vue 动画原理 6 视频
• 1 课程简介
• 2 学习资源
• 1.视频 vue动画方式1 – css transition-
• 2.视频 vue动画方式2- css animation-
• 3.视频 vue动画方式3 – js 操作动画-
• 4.视频 vue动画方式4 – 多元素动画-
• 5.视频 vue动画5 – 列表动画-
• 6.视频 总结之前的几种动画-
• 17 中级轮子：无缝轮播组件 10 视频
• 1 课程简介
• 中级轮子：无缝轮播组件 超链接.txt
• 2 学习资源
• 1.视频 轮播思路1-操作dom-
• 10.视频 总结-
• 2.视频 轮播思路2-操作组件-
• 3.视频 制作动画-
• 4.视频 添加小圆圈-
• 5.视频 设定动画的方向-
• 6.视频 使用 $nexttick 解决更新不及时的 bug-
• 7.视频 支持移动设备（手机）-
• 8.视频 前进后退功能-
• 9.视频 完成测试用例-
• 18 中级轮子：Nav 组件 6 视频
• 1 课程简介
• 中级轮子：Nav 组件超链接.txt
• 2 学习资源
• 1.视频 项目目录结构整理-
• 2.视频 实现nav基本结构-
• 3.视频 使用依赖注入实现跨级调用-
• 4.视频 再次深入理解v-if和v-show的区别-
• 5.视频 实现多级导航栏遇到bug-
• 6.视频 受cascader启发解决bug-
• 19 测试框架改造：使用 Karma g 1 视频
• 1 课程简介
• 2 学习资源
• 1.视频 vuecli配合karma和chrome一起使用-
• 2 课程概览 5 视频 1 文章 2 问卷
• 1 课程简介
• 2 学习资源
• 1. 文章 讲义 文章中 超链接.txt
• 2. 视频 课程简介1-
• 3. 视频 课程简介2-
• 4. 视频 课程简介3-
• 5. 视频 课程简介4-
• 6. 视频 课程简介5-
• 3 课后习题
• 1 测试 Vue造轮子第一课习题
• 2 测试 关于轮子的面试题1
• 20 表单验证 3 视频
• 课程简介
• 学习资源
• 1.视频 基本思路-
• 2.视频 测试驱动开发 tdd-
• 3.视频 使用面向对象思维-
• 3 UI 设计 3 视频 1 文章 1 问卷
• 1 课程简介
• 超链接.txt
• 2 学习资源
• 1. 文章 讲义 超链接.txt
• 2. 视频 网站开发全流程-
• 3. 视频 视频 sketch与墨刀-
• 4. 视频 设计约定-
• 3 课后习题
• 测试 UI测试题
• 4 框架搭建（上） 5 视频 1 文章 1 问卷
• 1 课程简介
• 2 学习资源
• 1. 文章 讲义 超链接.txt
• 2. 视频 需求分析-
• 3. 视频 项目初始化-
• 4. 视频 添加icon-
• 5. 视频 添加loading-
• 6. 视频 单元测试与mock-
• 3 课后习题
• 测试 项目搭建
• 5 框架搭建（下）5 视频 3 文章 1 问卷
• 1 课程简介
• 2 学习资源
• 4. 视频 使用karma做自动化测试-
• 5. 视频 使用mocha&chai做单元测试-
• 6. 视频 使用travisci做持续集成-
• 7. 视频 使用npm发布自己的包-
• 8. 视频 npm link的使用-
• 3 课后习题
• 测试 课后题
• 6 简单轮子：文本输入框 6 视频 1 问卷
• 1 课程简介
• 简单轮子：文本输入框 超链接.txt
• 2 学习资源
• 1. 视频 如何书写readme（遇到一个bug）-
• 2. 视频 如何解决奇怪的bug-
• 3. 视频 input组件需求分析-
• 4. 视频 写input的样式-
• 5. 视频 测试驱动开发-
• 6. 视频 让input支持v-model-
• 3 课后习题
• 测试 input组件
• 7 简单轮子：网格系统 8 视频 1 文章
• 1 课程简介
• 2 学习资源
• 1. 文章 讲义 超链接.txt
• 2. 视频 网格系统-
• 3. 视频 git branch & git checkout 的使用-
• 4. 视频 用vue钩子实现基本功能-
• 5. 视频 重构与重写-
• 6. 视频 手动测试-
• 7. 视频 工程师与设计师之间的权衡-
• 8. 视频 实现响应式-
• 9. 视频 完善测试用例-
• 8 简单轮子：默认布局 2 视频
• 1 课程简介
• 2 学习资源
• 1. 视频 布局组件-
• 2. 视频 完成布局组件-
• 9 简单轮子：Toast 组件 6 视频
• 1 课程简介
• 简单轮子：Toast 组件 超链接.txt
• 2 学习资源
• 1. 视频 需求分析-
• 2. 视频 初步实现-
• 3. 视频 更多需求-
• 4. 视频 完善功能-
• 5. 视频 重构-
• 6. 视频 测试用例-
• Vue UI 框架-进阶版
• 01.测一测你的JavaScript、Vue基础
• 01.课程简介.md
• 02.JS、Vue 水平自测.md
• 02.JS、Vue 水平自测[答案].md
• 02.课程介绍
• 01.课程简介.md
• 02.讲义.md
• 03.课前测试题答疑-
• 04.造轮子的益处-
• 05.前置知识-
• 06.直播答疑-
• 07.课前准备-
• 08.Vue造轮子第一课习题.md
• 08.Vue造轮子第一课习题[答案].md
• 09.关于轮子的面试题.md
• 09.关于轮子的面试题[答案].md
• 03.体验、交互、sketch
• 01.课程简介.md
• 02.讲义.md
• 03.网站开发全流程-
• 04.sketch与墨刀-
• 05.设计约定-
• 06.UI测试题.md
• 06.UI测试题[答案].md
• 04.框架雏形、单元测试、Mock数据
• 01.课程简介.md
• 02.讲义.md
• 03.需求分析-
• 04.项目初始化-
• 05.添加icon-
• 06.添加loading-
• 07.单元测试与mock-
• 08.项目搭建.md
• 08.项目搭建[答案].md
• 05.单元测试、自动化测试、持续集成、NPM 发布包
• 01.课程简介.md
• 02.自动化测试.md
• 03.发布 npm 包.md
• 04.持续集成.md
• 05.使用karma做自动化测试-
• 06.使用mocha&chai做单元测试-
• 07.使用travisci做持续集成-
• 08.使用npm发布自己的包-
• 09.npm link的使用-
• 10.课后题.md
• 10.课后题[答案].md
• 06.省市区级联选择组件(上)
• 01.课程简介.md
• 02.如何从 parcel 迁移到 vue-cli.md
• 03.省市区层级选择组件-
• 04.渲染弹出内容-
• 05.递归渲染-
• 06.添加样式时发现 parcel 有问题-
• 07.（可选）尝试使用 webpack@4 失败-
• 08.尝试使用 vue-cli@3 成功-
• 09.（可选）尝试在点击 level1 的时候隐藏 level3 失败-
• 10.使用单向数据流简化问题-
• 11.使用递归算法找出被选中的item-
• 07.省市区级联选择组件(下)
• 01.课程简介.md
• 02.深入理解computed-
• 03.使用isleaf判断叶子节点-
• 04.理解指令-
• 05.加载数据时展示菊花-
• 06.插播一个面试题-
• 07.单元测试全面升级-
• 08.深入讲解Vue 动画原理
• 01.课程简介.md
• 02.vue动画方式1 – css transition-
• 03.vue动画方式2- css animation-
• 04.vue动画方式3 – js 操作动画-
• 05.vue动画方式4 – 多元素动画-
• 06.vue动画5 – 列表动画-
• 07.总结之前的几种动画-
• 09.无缝轮播组件
• 01.课程简介.md
• 02.轮播思路1-操作dom-
• 03.轮播思路2-操作组件-
• 04.制作动画-
• 05.添加小圆圈-
• 06.设定动画的方向-
• 07.使用 nexttick 解决更新不及时的 bug-
• 08.支持移动设备（手机）-
• 09.前进后退功能-
• 10.完成测试用例-
• 11.总结-
• 10.Nav 组件
• 01.课程简介.md
• 02.项目目录结构整理-
• 03.实现nav基本结构-
• 04.使用依赖注入实现跨级调用-
• 05.再次深入理解v-if和v-show的区别-
• 06.实现多级导航栏遇到bug-
• 07.受cascader启发解决bug-
• 08.讲义.md
• 09.支持垂直导航-
• 10.收缩动画-
• 11.完善细节-
• 12.测试用例-
• 11.使用 Karma做测试
• 01.课程简介.md
• 02.vuecli配合karma和chrome一起使用-
• 12.表单验证
• 01.课程简介.md
• 02.基本思路-
• 03.测试驱动开发 tdd-
• 04.使用面向对象思维-
• 13.分页组件
• 01.课程简介.md
• 02.初步实现pager-
• 03.完善pager样式-
• 04.理解data和computed的区别-
• 14.Table 组件 | | ├──01.课程简介.md
• 02.table需求分析-
• 03.用单向数据流改造table-
• 04.v-for一定要搭配key=id-
• 05.全选与反选-
• 06.小结-
• 07.vue和react的对比-
• 08.如何判断全选-
• 09.表格排序功能-
• 10.表格的loading状态-
• 11.固定表头-
• 12.学生作品-
• 13.固定表头-
• 14.固定一列-
• 15.展开行功能-
• 16.重新审视代码-
• 17.table里面的按钮-
• 18.让用户给出列宽-
• 15.图片上传组件（单文件）
• 01.课程简介.md
• 02.图片上传需求分析-
• 03.图片上传接口设计-
• 04.图片上传后台实现-
• 05.ajax实现文件上传-
• 06.使用heroku当做服务器-
• 07.为heroku添加npm start-
• 08.初步实现uploader-
• 09.删除功能-
• 10.显示上传中-
• 11.update拼成upload造成 bug-
• 12.渲染任务是异步执行的！-
• 13.完善css-
• 14.ui细节完善-
• 15.创建uploader-
• 16.中级轮子：图片上传组件（多文件）
• 01.课程简介.md
• 02.一次上传多个文件-
• 03.并发造成bug！-
• 17.中级轮子：图片上传的单元测试
• 01.课程简介.md
• 02.图片上传单元测试-
• 03.使用假函数测试-
• 04.二分法debug-
• 05.遇到bug！-
• 06.如何测试.sync-
• 07.测试完毕-
• 08.stub讲解-
• 09.答疑：单元测试难写吗-
• 10.答疑：渲染任务是异步执行的-
• 18.Sticky 组件 | | ├──01.课程简介.md
• 02.sticky需求分析-
• 03.解决sticky的四个bug-
• 04.热更新与beforedestroy-
• 05.函数debounce-
• 06.完善sticky-
• 07.timerid写在data里有问题吗-
• 08.为什么组件的data必须是函数-
• 19.课程总结 | | ├──01.课程简介.md
• 02.使用lib模式打umd包-
• 03.umd是什么-
• 04.导出所有组件-
• 05.从gulu中排除vue（实际上默认排除了）-
• 06.发布并使用自己的组件-
• 07.总结-
• Vue UI框架-高级版
• 01.测一测你的JavaScript、Vue基础
• 01.课程简介.md
• 02.JS、Vue 水平自测.md
• 02.JS、Vue 水平自测[答案].md
• 02.课程介绍 | | ├──01.课程简介.md
• 02.讲义.md
• 03.课前测试题答疑-
• 04.造轮子的益处-
• 05.前置知识-
• 06.直播答疑-
• 07.课前准备-
• 08.Vue造轮子第一课习题.md
• 08.Vue造轮子第一课习题[答案].md
• 09.关于轮子的面试题.md
• 09.关于轮子的面试题[答案].md
• 03.体验、交互、sketch
• 01.课程简介.md
• 02.讲义.md
• 03.网站开发全流程-
• 04.sketch与墨刀-
• 05.设计约定-
• 06.UI测试题.md
• 06.UI测试题[答案].md
• 04.框架雏形、单元测试、Mock数据
• 01.课程简介.md
• 02.讲义.md
• 03.需求分析-
• 04.项目初始化-
• 05.添加icon-
• 06.添加loading-
• 07.单元测试与mock-
• 08.项目搭建.md
• 08.项目搭建[答案].md
• 05.单元测试、自动化测试、持续集成、NPM 发布包
• 01.课程简介.md
• 02.自动化测试.md
• 03.发布 npm 包.md
• 04.持续集成.md
• 05.使用karma做自动化测试-
• 06.使用mocha&chai做单元测试-
• 07.使用travisci做持续集成-
• 08.使用npm发布自己的包-
• 09.npm link的使用-
• 10.课后题.md
• 10.课后题[答案].md
• 06.测试覆盖率
• 01.课程简介.md
• 02.没有测试的库是会死的-
• 03.如何配置覆盖率-
• 04.函数覆盖率-
• 05.分支覆盖率-
• 06.将所有文件纳入测试-
• 07.测试人员还有必要吗-
• 07.升级的 table 组件
• 01.课程简介.md
• 02.插播：sicp介绍-
• 03.table组件无法自定义单元格-
• 04.vue支持jsx语法-
• 05.然而使用jsx并不现实-
• 06.slots与$children的关系-
• 07.把columns改成table-column-
• 08.技术总结-