课程试听
阶段一 前端开发基础
展开第一章 HTML+CSS课前导学
1-1 HTML+CSS课前导学
- HTML+CSS课程导学
第二章 HTML
2-1 HTML 初识
- 01-今日目标
- 02-认识网页
- 03-五大浏览器和渲染引擎
- 04-Web标准
- 05-HTML的感知
2-2 HTML注释和标签
- 06-HTML的基本骨架结构
- 07-（操作）VSCode的基本使用操作
- 08-HTML的注释
- 09-HTML标签的构成
- 10-HTML标签的属性
- 11-HTML标签之间的关系
2-3 HTML常用标签
- 12-标题标签
- 13-段落标签
- 14-换行标签
- 15-水平线标签
- 16-文本格式化标签
- 17-图片标签的src属性
- 18-图片标签的alt属性
- 19-图片标签的title属性
- 20-图片标签的width和height属性
2-4 绝对路径+相对路径
- 21-绝对路径
- 22-相对路径-同级目录
- 23-相对路径-下级目录
- 24-相对路径-上级目录
2-5 HTML其它标签
- 25-音频标签
- 26-视频标签
- 27-链接标签的href属性
- 28-链接标签的target属性
- 29-（案例）综合案例1-招聘案例
- 30-（案例）综合案例2-今日热词案例
- 31-（了解）链接标签的显示特点
- 32-（了解）空链接
2-6 列表和表格标签及案例
- 01-今日目标
- 02-列表的应用场景
- 03-无序列表
- 04-有序列表
- 05-自定义列表
- 06-表格的基本标签
- 07-表格相关属性
- 08-表格标题和表头单元格标签
- 09-表格的结构标签
- 10-合并单元格
2-7 表单相关元素
- 11-input系列标签的基本介绍
- 12-input标签-文本框
- 13-input标签-密码框
- 14-input标签-单选框
- 15-input标签-复选框
- 16-input标签-文件选择
- 17-input标签-按钮
- 18-button按钮标签
- 19-select下拉菜单
- 20-textarea文本域标签
- 21-label标签
- 22-没有语义的布局标签
- 23-（了解）有语义的布局标签
- 24-（拓展）value属性和name属性介绍
- 25-字符实体
2-8 综合案例和拓展
- 26-（案例）综合案例1-优秀学生信息表格-基本结构
- 27-（案例）综合案例1-优秀学生信息表格-完整结构
- 28-（案例）综合案例1-优秀学生信息表格-合并单元格
- 29-（案例）综合案例2-会员注册表单案例-前半部分完成
- 30-（案例）综合案例2-会员注册表单案例-后半部分完成
第三章 CSS
3-1 CSS初识和CSS基本选择器
- 01-今日目标
- 02-CSS初识
- 03-CSS引入方式
- 04-标签选择器
- 05-类选择器
- 06-id选择器
- 07-类与id的区别
- 08-通配符选择器
3-2 font字体
- 09-字体大小
- 10-字体粗细
- 11-字体样式
- 12-常见字体系列
- 13-字体系列font-family
- 14-样式的层叠问题
- 15-字体font相关属性的连写
3-3 文本样式和CSS样式表
- 16-文本缩进
- 17-文本水平对齐方式
- 18-文本修饰
- 19-水平居中方法总结1-text-align
- 20-水平居中方法总结2-margin
- 21-行高的介绍和常见应用
- 22-行高与font连写的注意点
3-4 Chrome调试工具
- 23-（操作）Chrome调试工具的基本使用-上
- 24-（操作）Chrome调试工具的基本使用-下
3-5 综合案例【新闻页面】
- 25-（案例）综合案例1-新闻网页案例
- 26-（案例）综合案例2-小米官网卡片案例
- 27-（了解）颜色的常见取值-上
- 28-（了解）颜色的常见取值-下
3-6 CSS复合选择器
- 01-今日目标
- 02-后代选择器
- 03-子代选择器
- 04-并集选择器
- 05-交集选择器
3-7 CSS背景
- 06-emmet语法
- 07-hover伪类选择器
- 08-背景颜色
- 09-背景图片
- 10-背景平铺
- 11-背景位置
- 12-背景相关属性连写
- 13-img标签和背景图片的区别
3-8 元素显示模式及转换
- 14-元素显示模式-块级元素
- 15-元素显示模式-行内元素
- 16-元素显示模式-行内块元素
- 17-元素显示模式转换
- 18-HTML嵌套规范注意点
3-9 CSS三大特性（上）
- 19-CSS三大特性-继承性
- 20-继承的小应用
- 21-继承失效的特殊情况
- 22-CSS三大特性-层叠性
- 23-（案例）综合案例1-普通导航案例
- 24-（案例）综合案例2-五彩导航案例
3-10 CSS三大特性（下）
- 01-今日目标
- 02-优先级
- 03-权重叠加计算
- 04-（案例）权重计算案例上
- 05-（案例）权重计算案例下
- 06-（操作）调试工具查错流程
- 07-（操作）PxCook的基本使用
3-11 CSS盒模型（上）
- 08-盒子模型的介绍
- 09-内容区域的宽高
- 10-border相关属性介绍
- 11-盒子实际大小初级计算公式
- 12-（案例）盒子边框的小案例
- 13-（案例）综合案例1-新浪导航案例-大盒子完成
- 14-（案例）综合案例1-新浪导航案例-小盒子完成
- 15-padding取值介绍
3-12 CSS盒模型综合案例
- 16-盒子实际大小的终极计算公式
- 17-（案例）新浪导航优化
- 18-CSS3盒模型（自动内减）
- 19-（案例）综合案例2-网页新闻列表案例-大盒子完成
- 20-（案例）综合案例2-网页新闻列表案例-h2盒子完成
- 21-（案例）综合案例2-网页新闻列表案例-ul盒子完成
3-13 CSS盒模型（下）
- 22-margin的取值
- 23-margin单方向设置的应用
- 24-清除默认内外边距
- 25-外边距的正常现象
- 26-外边距折叠现象-合并现象
- 27-外边距折叠现象-塌陷现象
- 28-行内元素的margin和padding无效情况
- 29-（了解）不会撑大盒子的特殊情况
3-14 伪类和伪元素
- 01-今日目标
- 02-结构伪类选择器-查找单个
- 03-结构伪类选择器-查找多个
- 04-（案例）结构伪类选择器的易错点
- 05-伪元素
3-15 浮动及应用案例
- 06-标准流
- 07-浮动的介绍
- 08-浮动的特点上
- 09-浮动的特点下
- 10-（案例）网页布局案例
- 11-（案例）综合案例1-小米模块案例-大盒子完成
- 12-（案例）综合案例1-小米模块案例-小盒子完成
- 13-（案例）综合案例2-网页导航案例-结构与样式清除完成
- 14-（案例）综合案例2-网页导航案例-布局完成
3-16 清除浮动
- 15-清除浮动的介绍
- 16-清除浮动方法-直接设置父元素高度
- 17-清除浮动方法-额外标签法
- 18-清除浮动方法-单伪元素清除法
- 19-清除浮动方法-双伪元素清除法
- 20-清除浮动方法-给父元素设置overflow-hidden
- 21-（了解）nth-of-type结构伪类选择器
- 22-（拓展）BFC的介绍
3-17 CSS定位（上）
- 01-今日目标
- 02-定位的应用场景介绍
- 03-定位的基本使用步骤
- 04-静态定位的介绍
- 05-相对定位的介绍
- 06-绝对定位的介绍
- 07-绝对定位到底相对于谁进行移动
- 08-子绝父相的介绍
- 09-子绝父绝的特殊场景
3-18 CSS定位（下）
- 10-（案例）卡片模块的hot图标定位案例
- 11-（案例）子绝父相水平居中案例
- 12-（案例）子绝父相水平垂直都居中案例
- 13-（案例）导航二维码居中定位案例
- 14-（案例）底部半透明遮罩效果案例
- 15-固定定位的介绍
- 16-元素的层级关系
- 17-更改定位元素的层级
3-19 CSS进阶（上）
- 18-垂直对齐方式
- 19-（案例）vertical-align可以解决的问题一
- 20-（案例）vertical-align可以解决的问题二
- 21-（案例）vertical-align可以解决的问题三
- 22-（案例）vertical-align可以解决的问题四
- 23-（案例）vertical-align可以解决的问题五
- 24-光标类型
- 25-边框圆角的介绍
- 26-（案例）边框圆角的应用-正圆和胶囊按钮
3-20 CSS进阶（下）
- 27-overflow溢出部分显示效果
- 28-元素本身隐藏属性介绍
- 29-（案例）元素显示隐藏切换案例
- 30-（案例）导航二维码显示隐藏切换案例
- 31-（了解）元素整体透明度
- 32-（了解）边框合并
- 33-（了解）链接伪类选择器
- 34-（拓展）用CSS画三角形的技巧
- 35-（拓展）用CSS画任意三角形的技巧
- 36-（拓展）焦点伪类选择器
- 37-（拓展）属性选择器
3-21 CSS样式补充
- 01-今日目标
- 02-精灵图的介绍
- 03-精灵图的使用步骤
- 04-背景图片大小
- 05-background连写拓展
- 06-（了解）文字阴影
- 07-（了解）盒子阴影
- 08-过渡的介绍
3-22 项目前置知识
- 07-网页与网站的关系
- 08-（了解）骨架结构标签介绍
- 09-SEO三大标签
- 10-有语义的布局标签
- 11-ico图标的设置
- 12-版心的介绍
- 13-CSS的书写顺序
第四章 小兔鲜儿电商项目（网页制作）
4-1 页面header模块布局
- 13-小兔鲜儿项目文件和目录准备
- 14-小兔鲜儿项目基础公共样式
- 15-index页面骨架
- 16-header部分模块分析
- 17-xtx-shortcut模块分析
- 18-xtx-shortcut模块大盒子代码完成
- 19-xtx-shortcut模块ul导航代码完成
- 20-xtx-shortcut模块手机精灵图代码完成
4-2 页面导航模块布局
- 21-xtx-main-nav模块分析
- 22-xtx-main-nav模块的logo部分代码完成
4-3 footer模块布局
- 01-xtx-main-nav模块的nav部分代码完成
- 02-xtx-main-nav模块的search部分input部分代码完成
- 03-xtx-main-nav模块的search部分放大镜图标代码完成
- 04-xtx-main-nav模块的cart部分完成
- 05-footer部分模块分析
- 06-xtx-service模块分析和大盒子代码完成
- 07-xtx-service模块内部a标签代码完成
- 08-xtx-copyright模块分析和大盒子代码完成
- 09-xtx-copyright模块内部代码完成
4-4 页面主体模块布局
- 10-xtx-entry模块分析和大盒子代码完成
- 11-xtx-entry模块的banner部分完成
- 12-xtx-entry模块的category部分大盒子完成
- 13-xtx-entry模块的category部分文本内容完成
- 14-xtx-entry模块的category部分右箭头完成
- 15-xtx-entry模块的左右箭头部分完成
- 16-xtx-entry模块的轮播指示器部分完成
- 17-xtx-new-goods模块分析
- 18-xtx-new-goods模块的大盒子代码完成
- 19-xtx-new-goods模块的goods-hd部分代码完成
- 20-xtx-new-goods模块的goods-list部分大盒子完成
- 21-xtx-new-goods模块的goods-list部分内容完成
阶段二 JavaScript网页编程
展开第一章 JavaScript 基础语法
1-1 计算机基础和Javascript介绍
- 课前导学
- 01-计算机基础导读
- 02-编程语言
- 03-计算机基础
- 04-JavaScript初识导读
- 05-初始JavaScript
- 06-浏览器执行JS过程
- 07-JS三部分组成
- 08-JS三种书写位置
- 09-JS注释
- 10-JS输入输出语句
1-2 Javascript变量
- 11-变量导读
- 12-什么是变量
- 13-变量的使用
- 14-变量案例
- 15-变量案例弹出用户名
- 16-变量语法扩展
- 17-变量的命名规范
- 18-交换2个变量的值
- 19-变量小结
1-3 Javascript数据类型
- 20-数据类型导读
- 21-数据类型简介
- 22-数字型Number
- 23-isNaN
- 24-字符串型String
- 25-弹出网页警示框
- 26-字符串长度以及拼接
- 27-字符串拼接加强
- 28-显示年龄案例
- 29-boolean以及undefined和null
- 30-typeof检测变量数据类型
- 31-字面量
- 32-转换为字符串类型
- 33-转换为数字型parseInt和parseFloat
- 34-转换为数字型Number和隐式转换
- 35-计算年龄案例
- 36-简单加法器案例
- 37-转换为布尔型
- 38-拓展阅读之编译和解释语言的区别
- 39-拓展阅读之标识符关键字保留字
- 40-课后作业
1-4 Javascript操作符
- 01-运算符导读
- 02-算数运算符
- 03-表达式和返回值
- 04-前置递增运算符
- 05-后置递增运算符
- 06-递增运算符练习
- 07-前置递增和后置递增小结
- 08-比较运算符
- 09-逻辑运算符
- 10-逻辑运算符练习
- 11-逻辑中断逻辑与
- 12-逻辑中断逻辑或
- 13-赋值运算符
- 14-运算符优先级
1-5 Javascript流程控制及案例
- 15-流程控制分支结构导读
- 16-流程控制
- 17-if分支语句
- 18-进入网吧案例
- 19-ifelse双分支语句
- 20-判断闰年案例
- 21-if else if多分支语句
- 22-判断成绩案例
- 23-三元表达式
- 24-数字补0案例
- 25-switch语句
- 26-switch 注意事项
- 27-查询水果案例
- 28-switch和ifelseif 区别
1-6 javascript循环及案例
- 01-循环导读
- 02-循环的目的
- 03-for循环语法结构
- 04-for循环执行过程
- 05-断点调试
- 06-for循环重复执行相同代码
- 07-for循环重复执行不同代码
- 08-for循环重复某些操作
- 09-for循环案例
- 10-求学生成绩案例（上）
- 11-求学生成绩案例（下）
- 12-一行打印五颗星星
- 13-双重for循环执行过程
- 14-打印5行5列的星星
- 15-打印n行n列的星星
- 16-打印倒三角形案例
- 17-九九乘法表
- 18-for循环小结
- 19-while循环
- 20-while案例
- 21-do while循环
- 22-do while案例
- 23-循环小结
- 24-continue关键字
- 25-break关键字
- 26-命名规范以及语法格式
- 27-循环作业
1-7 Javascript数组和冒泡排序
- 01-数组导读
- 02-什么是数组以及创建方式
- 03-访问数组元素
- 04-遍历数组
- 05-数组长度
- 06-计算数组的和以及平均值
- 07-求数组中的最大值
- 08-数组转换为字符串
- 09-数组新增元素
- 10-数组存放1~10个值
- 11-筛选数组方法1
- 12-筛选数组方法2
- 13-删除数组指定元素(数组去重）
- 14-翻转数组
- 15-复习交换两个变量值
- 16-冒泡排序原理
- 17-冒泡排序
1-8 Javascript函数及应用
- 18-函数导读
- 19-为什么需要函数
- 20-函数的使用
- 21-利用函数求1~100累加和
- 22-函数的参数
- 23-利用函数求任意两个数的和以及累加和
- 24-函数形参和实参匹配问题
- 25-函数的返回值return
- 26-利用函数求两个数的最大值
- 27-利用函数求数组中的最大值
- 28-return终止函数并且只能返回一个值
- 29-函数返回值2个注意事项
- 30-通过榨汁机看透函数
1-9 javascript作用域及预解析
- 01-arguments使用
- 02-利用函数求任意个数的最大值
- 03-利用函数翻转数组
- 04-函数封装冒泡排序
- 05-利用函数判断闰年
- 06-函数可以调用另外一个函数
- 07-输出2月份天数
- 08-函数的两种声明方式
- 09-作用域导读
- 10-JavaScript作用域
- 11-全局变量和局部变量
- 12-JavaScript没有块级作用域就
- 13-作用域链
- 14-作用域链案例
- 15-JavaScript预解析导读
- 16-预解析
- 17-预解析案例
1-10 javascript对象
- 18-对象导读
- 19-什么是对象以及为什么需要对象
- 20-利用对象字面量创建对象
- 21-变量属性函数方法的区别
- 22-利用new Object创建对象
- 23-我们为什么需要构造函数
- 24-构造函数创建对象（上）
- 25-构造函数创建对象（下）
- 26-构造函数和对象区别
- 27-new关键字执行过程
- 28-遍历对象
- 29-小结和作业
1-11 javascript内置对象及案例
- 01-内置对象导读
- 02-什么是内置对象
- 03-学会查阅MDN文档
- 04-数学对象Math最大值方法
- 05-封装自己的数学对象
- 06-Math绝对值和三个取整方法
- 07-Math随机数方法
- 08-猜数字游戏
- 09-Date日期对象的使用
- 10-格式化日期年月日星期
- 11-格式化日期时分秒
- 12-Date总的毫秒数（时间戳）
- 13-倒计时（上）
- 14-倒计时（下）
- 15-数组创建的两种方式
- 16-检测是否为数组两种方式
- 17-添加数组元素
- 18-删除数组元素
- 19-筛选数组
- 20-数组排序
- 21-获取数组元素索引
- 22-数组去重案例
- 23-数组转换为字符串
1-12 javascript简单类型和复杂类型
- 24-基本包装类型
- 25-字符串不可变
- 26-根据字符返回位置
- 27-求某个字符出现的位置以及次数
- 28-根据位置返回字符
- 29-统计出现次数最多的字符（上）
- 30-统计出现次数最多的字符（下）
- 31-拼接以及截取字符串
- 32-替换字符串以及转换为数组
- 33-简单数据类型和复杂数据类型导读
- 34-数据类型内存分配
- 35-简单数据类型传参
- 36-复杂数据类型传参
第二章 WebAPI编程
2-1 API 和 Web API
- 01-Web APIs简介导读
- 02-js基础和Web APIs两个阶段的关联性
- 03-API 和 Web API
2-2 DOM介绍
- 04-DOM导读
- 05-DOM简介
- 06-getElementById获取元素
- 07-getElementsByTagName获取某类标签元素
- 08-H5新增获取元素方式
- 09-获取body和html元素
2-3 事件和样式操作及案例
- 10-事件三要素
- 11-执行事件过程
- 12-操作元素-修改元素内容
- 13-innerText和innerHTML的区别
- 14-操作元素-修改元素属性
- 15-分时问候案例
- 16-操作元素-修改表单属性
- 17-仿京东显示隐藏密码明文案例（上）
- 18-仿京东显示隐藏密码明文案例（下）
- 19-操作元素-修改样式属性
- 20-仿淘宝关闭二维码案例
- 21-循环精灵图
- 22-显示隐藏文本框内容
- 23-使用className修改样式属性
- 24-密码框验证信息
- 25-操作元素总结以及作业
2-4 百度换肤、表单全选案例
- 01-排他思想（算法）
- 02-百度换肤效果
- 03-表格隔行变色效果
- 04-表单全选取消全选（上）
- 05-表单全选取消全选（下）
- 06-获取自定义属性值
- 07-设置移除自定义属性
2-5 tab栏切换案例
- 08-tab栏切换布局分析（重要）
- 09-tab栏切换制作（上）
- 10-tab栏切换制作（下）
- 11-H5自定义属性
2-6 节点操作及发布留言案例
- 12-为什么学习节点操作以及节点简介
- 13-节点操作之父节点
- 14-节点操作之子节点
- 15-节点操作之第一个子元素和最后一个子元素
- 16-新浪下拉菜单
- 17-节点操作之兄弟节点
- 18-节点操作之创建和添加节点
- 19-简单版发布留言案例
- 01-节点操作-删除节点
- 02-删除留言案例
- 03-节点操作-复制节点
2-7 动态创建表格案例
- 04-动态生成表格-创建学生数据
- 05-动态生成表格-创建行
- 06-动态生成表格-创建单元格
- 07-动态生成表格-单元格填充数据
- 08-动态生成表格-创建删除单元格
- 09-动态生成表格-添加删除操作
- 10-document.write创建元素（了解）
- 11-innerHTML和createElement效率对比
- 12-DOM重点核心
2-8 事件详解及案例
- 13-事件高级导读
- 14-注册事件两种方式
- 15-attachEvent注册事件
- 16-删除事件
- 17-DOM事件流理论
- 18-DOM事件流代码验证
- 19-什么是事件对象
- 20-e.target和this区别
- 21-阻止默认行为
- 22-阻止事件冒泡
- 23-事件委托
- 24-禁止选中文字和禁止右键菜单
- 25-获得鼠标在页面中的坐标
- 26-跟随鼠标的天使
- 01-常用的键盘事件
- 02-keyCode判断用户按下哪个键
- 03-模拟京东按键输入内容案例
- 04-模拟京东快递单号查询（上）
- 05-模拟京东快递单号查询（下）
2-9 BOM介绍及应用
- 06-BOM导读
- 07+08-BOM概述
- 09-页面加载事件
- 10-调整窗口大小事件
2-10 定时器和相关案例
- 11-定时器之setTimeout
- 12-回调函数以及5秒之后自动关闭的广告
- 13-清除定时器clearTimeout
- 14-定时器之setInterval
- 15-倒计时效果
- 16-清除定时器clearInterval
- 17-发送短信案例
2-11 this指向和js执行机制
- 18-this指向问题
- 19-js 同步和异步
- 20-同步任务和异步任务执行过程
- 21-js执行机制
2-12 location、navigator、history对象
- 22-location对象常见属性
- 23-5秒钟之后跳转页面
- 24-获取URL参数
- 25-location常见方法
- 26-navigator对象
- 27-history对象
2-13 offset、client、scroll三大家族介绍及案例应用
- 01-PC端网页特效导读
- 02-offsetLeft和offsetTop获取元素偏移
- 03-offsetWidth和offsetHeight获取元素大小
- 04-offset与style区别
- 05-获取鼠标在盒子内的坐标
- 06-拖动模态框（上）
- 07-拖动模态框（中）
- 08-拖动模态框（下）
- 09-仿京东放大镜效果页面结构搭建
- 10-仿京东放大镜效果显示隐藏遮挡层和大盒子
- 11-仿京东放大镜效果遮挡层跟随鼠标
- 12-仿京东放大镜效果限制遮挡层移动范围
- 13-仿京东放大镜效果大图片移动
- 14-client系列
- 15-立即执行函数
- 16-淘宝flexibleJS源码分析之核心原理
- 17-淘宝flexibleJS源码分析之pageshow事件
- 18-scroll系列
- 19-仿淘宝固定侧边栏（上）
- 20-仿淘宝固定侧边栏（下）
- 21-三大系列总结
2-14 缓动动画的原理和封装
- 22-mouseover和mouseenter区别
- 23-动画原理
- 24-简单动画函数封装
- 25-动画函数-给不同元素记录不同定时器
- 01-缓动动画原理
- 02-缓动动画基本代码实现
- 03-缓动动画多个目标值之间移动
- 04-缓动动画添加回调函数
- 05-动画函数的使用
2-15 网页轮播图实现
- 06-网页轮播图-结构搭建
- 07-网页轮播图-鼠标经过显示隐藏左右按钮
- 08-网页轮播图-动态生成小圆圈
- 09-网页轮播图-小圆圈排他思想
- 10-网页轮播图-点击小圆圈滚动图片
- 11-网页轮播图-右侧按钮无缝滚动
- 12-网页轮播图-克隆第一张图片
- 13-网页轮播图小圆圈跟随右侧按钮一起变化
- 14-网页轮播图-两个小bug解决方案
- 15-网页轮播图-左侧按钮功能制作
- 16-网页轮播图-自动播放功能
2-16 节流阀、返回顶部及筋斗云案例
- 17-节流阀以及逻辑中断应用
- 18-带有动画的返回顶部
- 19-筋斗云案例
2-17 HTML5本地存储及记住用户名案例
- 20-本地存储导读
- 21-本地存储之sessionStorage
- 22-本地存储之localStorage
- 23-记住用户名案例
第三章 jQuery 编程
3-1 jQuery介绍及常用API导读
- 01-jQuery入门导读
- 02-JavaScript库
- 03-jQuery概述
- 04-jQuery基本使用-入口函数
- 05-jQuery顶级对象$
- 06-DOM对象和jQuery对象
- 07-DOM对象和jQuery对象相互转换
- 08-jQuery常用API导读
3-2 jQuery选择器及案例
- 09-jQuery基本和层级选择器
- 10-jQuery隐式迭代
- 11-jQuery筛选选择器
- 12-jQuery筛选方法-选取父子元素
- 13-新浪下拉菜单
- 14-jQuery其他筛选方法
- 15-jQuery排他思想
- 16-淘宝服饰精品案例
3-3 jQuery链式编程及样式操作
- 17-jQuery链式编程（修复）
- 18-jQuery修改样式css方法
- 19-jQuery修改样式操作类
- 20-tab栏切换案例
- 21-jQuery类操作和className区别
3-4 jQuery动画及王者荣耀手风琴案例
- 22-jQuery显示与隐藏效果
- 23-jQuery滑动效果以及事件切换
- 24-jQuery停止动画排队stop
- 25-jQuery淡入淡出以及突出显示案例
- 26-jQuery自定义动画animate方法
- 27-王者荣耀手风琴案例布局分析
- 28-王者荣耀手风琴案例制作
3-5 jQuery实现购物车案例
- 01-jQuery属性操作
- 02-购物车模块-全选（上）
- 03-购物车模块-全选（下）
- 04-jQuery内容文本值
- 05-购物车模块-增减商品数量
- 06-购物车模块-修改商品小计（上）
- 07-购物车模块-修改商品小计（中）
- 08-购物车模块-修改商品小计（下）
- 09-jQuery遍历对象each方法
- 10-jQuery遍历数据$.each
- 11-购物车模块-计算总件数和总额
- 12-创建、添加、删除元素
- 13-购物车模块-清理购物车
- 14-购物车模块-选中商品添加背景颜色
- 15-jQuery尺寸方法
- 16-jQuery位置方法
- 17-jQuery被卷去头部方法
- 18-带有动画的返回顶部
3-6 jQuery实现电梯导航案例
- 19-电梯导航案例-显示隐藏电梯导航
- 20-电梯导航案例-点击滚动目标位置
- 21-电梯导航案例-点击当前li添加current类
- 22-电梯导航案例-滑动页面电梯导航自动添加current类
- 23-电梯导航案例节流阀(互斥锁)（修复）
3-7 jQuery事件绑定和解绑
- 01-jQuery事件导读
- 02-事件处理on绑定一个或者多个事件
- 03-on实现事件委派和给动态元素绑定事件
- 04-微博发布案例
- 05-off解绑事件
- 06-jQuery自动触发事件
- 07-jQuery事件对象
- 08-jQuery其他方法导读
- 09-jQuery对象拷贝extend
3-8 jQuery插件的使用
- 10-jQuery多库共存
- 11-瀑布流插件使用
- 12-图片懒加载技术
- 13-全屏滚动插件使用
- 14-bootstrap组件
- 15-bootstrapJS插件
- 16-阿里百秀
3-9 jQuery实现todolist案例
- 17-todolist布局功能需求分析
- 18-todolist核心思路以及本地存储格式
- 19-todolist按下回车读取本地存储数据
- 20-todolist按下回车保存最新数据到本地存储
- 21-todolist本地存储数据渲染加载到页面中
- 22-todolist点击删除按钮获取当前索引号
- 23-todolist点击删除按钮完成删除操作
- 24-点击复选框修改相应数据done属性
- 25-todolist正在进行和已经完成事项制作
- 26-todolist统计正在进行和已经完成事项个数
阶段三 前后端交互
展开第一章 Ajax+HTTP
1-1 ajax介绍
- 00.学习目标
- 01.客户端与服务器
- 02.URL地址的概念及组成部分
- 03.图解客户端与服务器通信的过程
- 04.基于开发者工具查看客户端与服务器的通信过程
- 05.数据也是一种资源
- 06.网页中如何请求数据
- 07.资源的请求方式
- 08.介绍Ajax的概念
- 09.Ajax的典型应用场景
- 10.了解jQuery中的Ajax
- 11.$.get()函数的语法
- 12.$.get()发起不带参数的请求
- 13.$.get()发起带参数的请求
- 14.$.post函数的语法
- 15.$.post()向服务器提交数据
- 16.$.ajax()函数的语法
- 17.$.ajax()发起GET请求
- 18.$.ajax发起POST请求
- 19.接口的概念
- 20.分析接口的请求过程
- 21.了解接口测试工具
- 22.使用PostMan测试GET接口
- 23.使用PostMan测试POST接口
- 24.接口文档
1-2 图书列表案例
- 25.案例-基于Bootstrap渲染页面UI结构
- 26.案例-了解渲染图书列表的实现思路
- 27.案例-获取图书列表数据
- 28.案例-渲染图书列表
- 29.案例-为删除链接绑定单击事件处理函数
- 30.案例-实现删除图书的功能
- 31.案例-为添加按钮绑定点击事件处理函数
- 32.案例-实现添加图书的功能
1-3 聊天机器人
- 33.聊天机器人-演示案例要完成的效果
- 34.聊天机器人-梳理案例的代码结构
- 35.聊天机器人-将用户输入的内容渲染到聊天窗口
- 【补充说明】聊天机器人接口更新通知
- 36.聊天机器人-发起请求获取聊天消息
- 37.聊天机器人-将机器人的聊天内容转换为语音
- 38.聊天机器人-通过回车键发送消息
1-4 form表单+案例
- 00.学习目标
- 01.表单的基本使用-什么是表单
- 02.表单的基本使用-表单的组成部分
- 03.form标签的属性-action
- 04.form标签的属性-target
- 05.form标签的属性-method
- 06.form标签的属性-enctype
- 07.表单的同步提交及缺点
- 08.通过Ajax提交表单数据-监听表单的提交事件
- 09.通过Ajax提交表单数据-阻止表单的默认提交行为
- 10.通过Ajax提交表单数据-快速获取表单中的数据
- 11.案例-基于bootstrap渲染评论列表的UI结构
- 12.案例-获取评论列表数据
- 13.案例-渲染评论列表
- 14.案例-改造form表单
- 15.案例-实现发表评论的功能
1-5 模板引擎+案例
- 16.模板引擎-模板引擎的基本概念
- 17.模板引擎-了解并安装art-template
- 18.模板引擎-使用传统方式渲染UI结构
- 19.模板引擎-介绍模板引擎的使用步骤
- 20.标准语法-输出
- 21.标准语法-原文输出
- 22.标准语法-条件输出
- 23.标准语法-循环输出
- 24.标准语法-什么是过滤器
- 25.标准语法-定义过滤器和调用过滤器的基本语法
- 26.标准语法-定义格式化时间的过滤器
- 27.案例-介绍新闻列表案例要实现的效果
- 28.案例-获取新闻列表数据
- 29.案例-定义新闻Item项的模板
- 30.案例-编译模板渲染新闻列表结构
- 31.案例-定义时间过滤器
- 32.案例-定义补零函数
1-6 正则与字符串操作
- 33.正则与字符串操作-介绍正则的exec函数
- 34.正则与字符串操作-提取分组
- 35.正则与字符串操作-字符串的replace函数
- 36.正则与字符串操作-对字符串进行多次replace操作
- 37.正则与字符串操作-使用while循环进行字符串的replace操作
- 38.正则与字符串操作-将正则匹配到的内容替换为真值
- 39.实现简易的模板引擎
1-7 xhr的基本使用
- 00.学习目标
- 01.xhr的基本使用-什么是XMLHttpRequest
- 02.xhr的基本使用-使用xhr发起GET请求
- 03.xhr的基本使用-了解xhr对象的readyState属性
- 04.xhr的基本使用-使用xhr发起带参数的GET请求
- 05.xhr的基本使用-了解查询字符串的概念
- 06.xhr的基本使用-GET请求携带参数的本质
- 07.xhr的基本使用-什么是URL编码
- 08.xhr的基本使用-如何对URL进行编码与解码
- 09.xhr的基本使用-使用xhr发起POST请求
1-8 数据交换格式
- 10.数据交换格式-什么是数据交换格式
- 11.数据交换格式-XML
- 12.数据交换格式-什么是JSON
- 13.数据交换格式-JSON的两种结构
- 14.数据交换格式-JSON语法注意事项
- 15.数据交换格式-JSON和JS对象的关系
- 16.数据交换格式-JSON和JS对象的互转
- 17.数据交换格式-序列化和反序列化
1-9 封装自己的Ajax函数
- 18.封装自己的Ajax函数-介绍要实现的效果以及options参数选项
- 19.封装自己的Ajax函数-处理data参数
- 20.封装自己的Ajax函数-定义itheima函数
- 21.封装自己的Ajax函数-判断请求的类型
- 22.封装自己的Ajax函数-测试itheima函数的可用性
1-10 XHR Level2的新特性
- 23.XHR Level2的新特性-了解新版xhr中支持的新功能
- 24.XHR Level2的新特性-设置HTTP请求时限
- 25.XHR Level2的新特性-使用FormData对象管理表单数据
- 26.XHR Level2的新特性-使用FormData快速获取表单中的数据
- 27.XHR Level2的新特性-定义上传文件页面的UI结构
- 28.XHR Level2的新特性-验证是否选择了待上传的文件
- 29.XHR Level2的新特性-向FormData中追加文件
- 30.XHR Level2的新特性-使用xhr发起上传文件的请求
- 31.XHR Level2的新特性-完成上传文件的功能
- 32.XHR Level2的新特性-计算文件的上传进度
- 33.XHR Level2的新特性-基于bootstrap绘制进度条效果
- 34.XHR Level2的新特性-动态设置进度条
- 35.XHR Level2的新特性-监听上传完成的事件
1-11 jQuery高级用法
- 36.jQuery高级用法-渲染页面结构并验证是否选择了文件
- 37.jQuery高级用法-使用jQuery发起上传文件的请求
- 38.jQuery高级用法-通过jQuery实现loading效果
1-12 axios
- 39.axios-什么是axios
- 40.axios-使用axios发起GET请求
- 41.axios-使用axios发起POST请求
- 42.axios-直接使用axios发起GET和POST数据请求
1-13 同源策略
- 00.学习目标
- 01.同源策略-什么是同源
- 02.同源策略-什么是同源策略
1-14 跨域
- 03.跨域-什么是跨域
- 04.跨域-浏览器对跨域请求的拦截
- 05.跨域-如何实现跨域数据请求
1-15 Jsonp
- 06.JSONP-了解JSONP的概念以及实现原理
- 07.JSONP-演示跨域Ajax数据请求存在的问题
- 08.剖析JSONP的实现原理-将函数的定义和调用分离为两个script标签
- 09.剖析JSONP的实现原理-将函数的调用抽离为单独的JS文件
- 10.剖析JSONP的实现原理-通过callback指定回调函数的名称
- 11.JSONP-自己实现一个简单的JSONP
- 12.JSONP-了解JSONP的缺点
- 13.JSONP-使用jQuery发起JSONP数据请求
- 14.JSONP-jQuery中自定义JSONP参数以及回调函数名称
- 15.JSONP-jQuery中JSONP的实现过程
1-16 淘宝搜索案例
- 16.淘宝搜索案例-介绍案例效果
- 17.淘宝搜索案例-获取用户输入的搜索关键词
- 18.淘宝搜索案例-封装getSuggestList函数
- 19.淘宝搜索案例-在页面中定义搜索建议列表
- 20.淘宝搜索案例-定义模板结构
- 21.淘宝搜索案例-定义渲染模板结构的函数
- 22.淘宝搜索案例-搜索关键词为空时隐藏搜索建议列表
- 23.淘宝搜索案例-美化搜索建议列表
1-17 防抖和节流
- 24.输入框的防抖-什么是防抖
- 25.输入框的防抖-防抖的应用场景
- 26.输入框的防抖-实现输入框的防抖
- 27.缓存搜索的建议列表
- 28.防抖和节流-什么是节流
- 29.防抖和节流-节流的应用场景
- 30.防抖和节流-渲染UI效果
- 31.防抖和节流-不使用节流实现鼠标跟随效果
- 32.防抖和节流-节流阀的概念
- 33.防抖和节流-使用节流优化鼠标跟随效果
- 34.防抖和节流-总结防抖和节流的区别
1-18 HTTP协议简介
- 00.学习目标
- 01.HTTP协议简介-什么是通信
- 02.HTTP协议简介-什么是通信协议
- 03.HTTP协议简介-什么是HTTP协议
- 04.HTTP协议简介-HTTP协议的交互模型
1-19 HTTP请求消息
- 05.HTTP请求消息-什么是HTTP请求消息
- 06.HTTP请求消息-HTTP请求消息的4个组成部分
- 07.HTTP请求消息-请求行
- 08.HTTP请求消息-请求头部
- 09.HTTP请求消息-空行
- 10.HTTP请求消息-请求体
- 11.HTTP请求消息-总结HTTP请求消息的组成部分
1-20 HTTP响应消息
- 12.HTTP响应消息-响应消息的概念以及组成部分
- 13.HTTP响应消息-状态行
- 14.HTTP响应消息-响应头部
- 15.HTTP响应消息-空行
- 16.HTTP响应消息-响应体
- 17.HTTP响应消息-总结HTTP响应消息的组成部分
1-21 HTTP响应状态码
- 18.HTTP请求方法
- 19.HTTP响应状态码-什么是HTTP响应状态码
- 20.HTTP响应状态码-HTTP响应状态码的组成及分类
- 21.HTTP响应状态码-2xx成功相关的响应状态码
- 22.HTTP响应状态码-3xx重定向相关的响应状态码
- 23.HTTP响应状态码-4xx客户端错误相关的响应状态码
- 24.HTTP响应状态码-5xx服务端错误相关的响应状态码
第二章 Git和github基本使用
2-1 关于版本控制
- 00.Git学习目标
- 01.关于版本控制 - 使用版本控制软件的好处
- 02.关于版本控制 - 版本控制系统的分类
- 03.关于版本控制 - 了解三大类版本控制系统各自的特点
2-2 Git基础概念
- 04.Git基础概念 - 什么是Git
- 05.Git基础概念 - Git直接记录快照而非差异比较
- 06.Git基础概念 - 近乎所有操作都是本地执行的
- 07.Git基础概念 - Git中的三个区域
- 08.Git基础概念 - Git中的三种状态
- 09.Git基础概念 - Git的基本工作流程
2-3 安装并配置Git
- 10.安装并配置Git - 在Windows中下载并安装Git
- 11.安装并配置Git-配置用户信息
- 12.安装并配置Git - Git的全局配置文件
- 13.安装并配置Git - 使用Git命令检查全局配置信息
- 14.安装并配置Git - 获取帮助信息
2-4 Git的基本操作
- 15.Git的基本操作 - 获取Git仓库的两种方式
- 16.Git的基本操作 - 在现有目录中初始化仓库
- 17.Git的基本操作 - 工作区中文件的4种状态
- 18.Git的基本操作 - 检查文件的状态
- 19.Git的基本操作 - 以精简的方式显示文件的状态
- 20.Git的基本操作 - 跟踪新文件
- 21.Git的基本操作 - 提交更新
- 22.Git的基本操作 - 对已提交的文件进行修改
- 23.Git的基本操作 - 暂存已修改的文件
- 24.Git的基本操作 - 提交已暂存的文件
- 25.Git的基本操作 - 撤销对文件的修改
- 26.Git的基本操作 - 向暂存区中一次性添加多个文件
- 27.Git的基本操作 - 取消暂存的文件
- 28.Git的基本操作 - 跳过使用暂存区域
- 29.Git的基本操作 - 移除文件
- 30.Git的基本操作 - Git忽略文件和glob匹配模式
- 31.Git的基本操作 - .gitignore使用示例
- 32.Git的基本操作 - 查看提交历史
- 33.Git的基本操作 - 回退到指定的版本
- 34.Git的基本操作 - 小结
2-5 开源相关的概念
- 01.开源相关的概念 - 了解开源和闭源的概念
- 02.开源相关的概念 - 开源许可协议
- 03.开源相关的概念 - 为什么要拥抱开源
- 04.开源相关的概念 - 了解什么是开源项目托管平台
- 05.开源相关的概念 - 什么是GitHub
2-6 github
- 06.github - 注册GitHub账号
- 07.github - 新建空白远程仓库
- 08.github - 远程仓库的两种访问方式
- 09.github - 基于HTTPS将本地仓库上传到GitHub
- 10.github - 了解git push命令的作用
- 11.github - 生成SSH key
- 12.github - 配置SSH key
- 13.github - 检测SSH key是否配置成功
- 14.github - 基于SSH将本地仓库上传到GitHub
- 15.github - 将远程仓库克隆到本地
2-7 分支
- 16.分支 - 了解分支的概念以及分支在实际开发中的作用
- 17.分支 - master主分支
- 18.分支 - 功能分支
- 19.分支 - 查看分支列表
- 20.分支 - 创建新分支
- 21.分支 - 切换分支
- 22.分支 - 快速创建和切换分支
- 23.分支 - 合并分支
- 24.分支 - 删除分支
- 25.分支 - 遇到冲突时的分支合并
- 26.分支 - 将本地分支推送到远程分支
- 27.分支 - 查看远程分支列表
- 28.分支 - 跟踪分支
- 29.分支 - 拉取远程分支的最新代码
- 30.分支 - 删除远程分支
- 31.总结
第三章 大事件后台管理系统项目
3-1 准备工作
- 01.准备工作 - 项目介绍
- 02.准备工作 - 初始化项目结构
- 03.准备工作 - 使用GitHub管理大事件的项目
- 04.准备工作 - 安装VSCode的Live Server插件辅助开发
3-2 登录注册
- 05.登录注册 - 绘制login页面的基本结构
- 06.登录注册 - 实现登录和注册的按需切换
- 07.登录注册 - 绘制登录表单的基本结构
- 08.登录注册 - 美化登录表单的样式
- 09.登录注册 - 绘制文本框前面的小图标
- 10.登录注册 - 快速绘制注册的表单
- 11.登录注册 - 为表单项添加验证规则
- 12.登录注册 - 自定义校验规则
- 13.登录注册 - 为注册表单设置校验规则
- 14.登录注册 - 调用接口发起注册用户的请求
- 【补充】大事件项目接口说明
- 15.登录注册 - 使用layer提示消息
- 16.登录注册 - 调用接口发起登录的请求
- 17.登录注册 - 在ajaxPrefilter中统一拼接请求的根路径
- 18.登录注册 - 提交login分支的代码到GitHub
3-3 后台主页
- 19.后台主页 - 快速实现后台主页的布局效果
- 20.后台主页 - 修改侧边栏的结构
- 21.后台主页 - 使用lay-shrink实现左侧菜单互斥效果
- 22.后台主页 - 为菜单项添加图标
- 23.后台主页 - 了解iframe标签如何使用
- 24.后台主页 - 使用iframe标签在内容主体区域显示网页内容
- 25.后台主页 - 解决3个小问题
- 26.后台主页 - 渲染图片头像和文字头像
- 01.后台主页 - 获取用户的基本信息
- 02.后台主页 - 渲染用户头像
- 03.后台主页 - 统一为有权限的接口设置headers请求头
- 04.后台主页 - 实现退出功能
- 05.后台主页 - 控制用户的访问权限
- 06.后台主页 - 优化权限控制的代码
- 07.后台主页 - 将本地仓库中的代码合并到GitHub仓库
3-4 基本资料
- 08.基本资料 - 创建基本资料对应的页面
- 09.基本资料 - 绘制基本资料对应的表单
- 10.基本资料 - 获取用户的基本信息
- 11.基本资料 - 使用form.val方法快速为表单赋值
- 12.基本资料 - 实现表单的重置效果
- 13.基本资料 - 发起请求更新用户的信息
3-5 重置密码
- 14.重置密码 - 渲染重置密码的页面结构
- 15.重置密码 - 为密码框定义校验规则
- 16.重置密码 - 发起请求实现重置密码的功能
3-6 更换头像
- 17.更换头像 - 初步渲染更换头像页面的结构
- 18.更换头像 - 快速初始化头像裁剪区域
- 19.更换头像 - 实现选择文件的功能
- 20.更换头像 - 实现裁剪区域图片的替换
- 21.更换头像 - 将裁剪后的头像上传到服务器
- 22.更换头像 - 了解base64格式的图片
- 23.更换头像 - 设置头部区域的快捷方式
- 24.更换头像 - 将本地的代码推送到GitHub
3-7 文章类别
- 25.文章类别 - 创建并显示文章类别页面
- 26.文章类别 - 快速绘制文章类别页面的基本结构
- 27.文章类别 - 获取并使用模板引擎渲染表格的数据
- 28.文章类别 - 使用layer.open实现弹出层效果
- 29.文章类别 - 在弹出层中渲染form表单结构
- 30.文章类别 - 实现添加文章分类的功能
- 01.文章类别 - 点击编辑按钮展示修改文章分类的弹出层
- 02.文章类别 - 为修改文章分类的弹出层填充表单数据
- 03.文章类别 - 更新文章分类的数据
- 04.文章类别 - 删除文章分类
3-8 文章列表
- 05.文章列表 - 创建文章列表页面
- 06.文章列表 - 定义查询参数对象q
- 07.文章列表 - 请求文章列表数据并使用模板引擎渲染列表结构
- 08.文章列表 - 定义美化时间格式的过滤器
- 09.文章列表 - 绘制筛选区域的UI结构
- 10.文章列表 - 发起请求获取并渲染文章分类的下拉选择框
- 11.文章列表 - 使用form.render方法重新渲染表单区域的UI结构
- 12.文章列表 - 实现筛选的功能
3-9 分页
- 13.分页 - 定义渲染分页的renderPage方法
- 14.分页 - 调用laypage.render方法渲染分页的基本结构
- 15.分页 - 在jump回调函数中通过obj.curr获取到最新的页码值
- 16.分页 - 演示直接调用initTable方法时死循环的问题
- 17.分页 - 分析jump回调函数发生死循环的原因
- 18.分页 - 解决jump回调函数发生死循环的问题
- 19.分页 - 自定义分页的功能项
- 20.分页 - 实现切换每页展示多少条数据的功能
3-10 删除文章
- 21.删除文章 - 实现删除文章的功能
- 22.删除文章 - 分析删除文章时存在的问题
- 23.删除文章 - 判断页面中是否还有剩余数据
- 24.删除文章 - 实现页码值-1的操作
3-11 发布文章
- 25.发布文章 - 创建文章发布页面的基本结构
- 26.发布文章 - 新建基本的表单结构
- 27.发布文章 - 渲染文章类别对应的下拉选择框结构
- 28.发布文章 - 渲染富文本编辑器
- 29.发布文章 - 渲染封面裁剪区域
- 30.发布文章 - 渲染提交按钮区域
- 31.发布文章 - 点击选择封面按钮打开文件选择框
- 32.发布文章 - 将选择的图片设置到裁剪区域中
- 33.发布文章 - 分析发布文章的实现步骤
- 34.发布文章 - 基于Form表单创建FormData对象
- 35.发布文章 - 将裁剪后的封面追加到FormData对象中
- 36.发布文章 - 发起Ajax请求实现发布文章的功能
- 37.将开发完成的项目代码推送到GitHub
阶段四 webpack+Vue.js
展开第一章 node介绍和安装【拓展视频，了解即可，需安装node】
1-1 node介绍和环境安装
- 01.初识Node - 为什么JavaScript可以在浏览器中被执行
- 02.初识Node - 为什么JavaScript可以操作DOM和BOM
- 03.初识Node - 浏览器中的JavaScript运行环境
- 04.初识Node - JavaScript能否做后端开发
- 05.初识Node - 什么是Node.js
- 06.初识Node - Node.js中的JavaScript运行环境
- 07.初识Node - 了解Node.js的学习路径
- 08.初识Node - 下载并安装Node
- 09.初识Node - 查看已安装的Node.js的版本号
- 10.初识Node - 了解终端的概念
- 11.初识Node - 在Node.js环境中执行JavaScript代码
- 12.初识Node - 使用更方便的形式执行Node命令
- 13.初识Node - 了解常用的终端快捷键
第二章 webpack+vue基础
2-1 vue前置知识-ES6模块化
- 00.学习目标
- 01.ES6模块化 - 什么是ES6模块化
- 02.ES6模块化 - 在node.js中体验ES6模块化
- 03.ES6模块化 - 默认导出与默认导入
- 04.ES6模块化 - 默认导出与默认导入的注意事项
- 05.ES6模块化 - 按需导出与按需导入
- 06.ES6模块化 - 按需导出与按需导入的注意事项
- 07.ES6模块化 - 直接导入并执行模块中的代码
2-2 vue前置知识-Promise
- 08.Promise - 回调地狱以及Promise的作用
- 09.Promise - Promise的基本概念
- 10.Promise - 基于then-fs异步的读取文件内容
- 11.Promise - 基于Promise按顺序读取文件的内容
- 12.Promise - 通过.catch方法捕获错误
- 13.Promise - Promise.all和Promise.race方法的使用
- 14.Promise - 基于Promise封装异步读文件的方法 - 上
- 15.Promise - 基于Promise封装异步读文件的方法 - 下
2-3 vue前置知识-async和await
- 16.async和await - 了解async和await的基本使用
- 17.async和await - async和await的使用注意事项
2-4 vue前置知识-EventLoop
- 18.EventLoop - 同步任务和异步任务
- 19.EventLoop - 同步任务和异步任务的执行过程
- 20.EventLoop - EventLoop的概念及经典面试题
2-5 vue前置知识-宏任务和微任务
- 21.宏任务和微任务 - 宏任务与微任务的概念
- 22.宏任务和微任务 - 举例分析宏任务和微任务的执行过程
- 23.宏任务和微任务 - 经典面试题 - 1
- 24.宏任务和微任务 - 经典面试题 - 2
2-6 vue前置知识案例-API接口案例
- 25.API接口案例 - 初始化项目
- 26.API接口案例 - 创建db数据库操作模块
- 27.API接口案例 - 创建user_ctrl模块
- 28.API接口案例 - 创建并使用user_router路由模块
- 29.API接口案例 - 使用try...catch捕获异常错误
- 30.总结
2-7 webpack基本使用
- 01_webpack_为何学
- 02_webpack_基本概述
- 03_webpack_使用前_准备工作
- 04_webpack_基本使用_打包2个js文件
2-8 webpack打包
- 05_webpack_更新打包_重新打包
- 06_webpack_修改默认入口和出口
- 07_webpack_打包流程
- 08_webpack案例_隔行变色
- 09_webpack插件_自动生成html文件
- 10_webpack_打包css文件问题
2-9 webpack加载器
- 11_webpack加载器_打包css文件
- 12_webpack加载器_打包less文件
2-10 webpack处理图片和字体图标文件
- 13_webpack处理图片_配置asset
- 14_webpack处理图片_优点和缺点
- 15_webpack处理字体图标文件
- 16_webpack加载器_babel降级js语法
2-11 webpack开发服务器
- 17_webpack_开发服务器概述
- 18_webpack_开发服务器_基础使用
- 19_webpack_开发服务器_相关配置
- 20_今日总结_作业布置
- 复习_git克隆分支
- 上午总结
2-12 Vue介绍
- 01_vue_为什么学
- 02_vue_是什么
- 03_vue_开发方式_学习方法
2-13 Vue脚手架介绍
- 04_vue_脚手架环境介绍
- 05_vue_安装全局包
- 06_vue_创建脚手架项目_启动
- 07_vue_脚手架文件说明
2-14 Vue配置
- 08_vue_主要的3个文件和关系
- 09_vue_开发服务器_自定义配置
- 10_vue_eslint简介_暂时关闭设置
2-15 Vue单文件开发
- 11_vue_单vue文件开发方式介绍
- 12_vue_清空脚手架欢迎界面
- 13_阶段小结_总结脚手架项目环境
2-16 Vue指令（一）
- 14_vue基础语法_插值表达式
- 15_vue基础语法_MVVM设计模式
- 16_vue指令_v-bind
- 17_vue指令_v-on绑定事件
- 18_vue事件_接收事件对象
- 19_vue事件_修饰符
- 20_vue按键_修饰符
- 21_课上练习_翻转世界
2-17 Vue指令（二）
- 22_vue指令_v-model基础使用
- 23_vue指令_v-model绑定不同表单标签
- 24_vue指令_v-model修饰符
- 25_vue指令_v-text和v-html
- 26_vue指令_v-show和v-if的使用
- 27_案例_折叠面板
- 28_v-for的使用
- 29_今日总结_作业布置
2-18 补充和总结
- 补充_js里引入图片
- 补充_笔记分享
- 今日_上午总结
2-19 v-for更新监测
- 昨日反馈_new补充讲解
- 昨日复习
- 01_v-for_更新监测
- 02_v-for_更新性能_为何高
2-20 虚拟DOM+Diff算法
- 03_虚拟DOM
- 04_diff算法
- 05_key作用
- 06_阶段小结
2-21 动态样式绑定和案例
- 07_动态class
- 08_动态style
- 09_案例_品牌管理_铺设
- 10_案例_品牌管理_新增
- 11_案例_品牌管理_删除
2-22 过滤器+案例
- 12_过滤器_基础
- 13_过滤器_更多用法
- 14_案例_品牌管理_时间过滤器
2-23 计算属性+案例
- 15_计算属性_基础
- 16_计算属性_缓存特性
- 17_案例_品牌管理_总价和均价
- 18_计算属性_完整写法
2-24 全选和反选案例
- 19_案例_小选框影响全选
- 20_案例_全选框影响小选
- 21_案例_反选
2-25 侦听器+案例
- 22_侦听器_基础
- 23_侦听器_深度侦听
- 24_案例_品牌管理_数据缓存
- 25_今日总结_作业布置
- 上午总结
2-26 Vue组件
- 昨日反馈
- 昨日复习
- 01_为什么要使用组件
- 02_组件基本概念
- 03_组件_基本使用4步
- 04_scoped作用过程
2-27 组件通信
- 05_组件通信_父向子
- 06_组件通信_父向子_配合循环
- 07_组件通信_单向数据流
- 08_组件通信_子向父
- 09_阶段小结
- 上午总结
- 09_组件通信_跨组件传值
2-28 todo案例
- 10_todo案例_项目创建_静态页面准备
- 11_todo案例_铺设待办任务
- 12_todo案例_添加任务
- 13_todo案例_删除任务
- 14_todo案例_统计任务数量
- 15_todo案例_筛选显示任务
- 16_todo案例_清除已完成
- 17_todo案例_数据缓存
- 18_todo案例_全选
- 19_今日总结_作业布置
2-29 Vue生命周期
- 昨日反馈
- 昨日复习
- 01_vue的生命周期
- 02_vue的钩子函数
- 03_钩子函数_初始化阶段
- 04_钩子函数_挂载阶段
- 05_钩子函数_更新阶段
- 06_钩子函数_销毁阶段
2-30 axios
- 07_axios的介绍
- 08_axios_获取所有图书_get请求
- 09_axios_获取某本图书_get传参
- 10_axios_添加书籍_post传参
- 11_axios_全局默认配置基地址
- 上午总结
2-31 ref属性
- 12_ref获取原生DOM元素
- 13_ref属性_组件对象
2-32 nextTick+name属性
- 14_nextTick基础使用
- 15_nextTick使用场景
- 16_组件里name属性作用
2-33 购物车案例
- 17_购物车案例_项目初始化
- 18_购物车案例_头部自定义
- 19_购物车案例_请求数据
- 20_购物车案例_数据铺设
- 21_购物车案例_商品选中效果
- 22_购物车案例_商品数量控制
- 23_购物车案例_全选
- 24_购物车案例_总数量
- 25_购物车案例_总价
- 26_今日总结_作业布置
- 昨日复习_昨日反馈
2-34 组件缓存
- 01_动态组件
- 02_组件缓存
- 03_组件缓存_激活的钩子函数
2-35 插槽
- 04_组件插槽
- 05_组件插槽_默认内容
- 06_具名插槽
- 07_作用域插槽
- 08_作用域插槽_使用场景
- 上午总结
2-36 自定义指令
- 09_自定义指令
- 10_自定义指令传值
2-37 tabar案例
- 11_tabbar案例_项目初始化_组件复用
- 12_tabbar案例_底部封装
- 13_tabbar案例_点谁谁亮
- 14_tabbar案例_组件切换
- 15_tabbar案例_请求数据_铺设表格
- 16_tabbar案例_插槽使用
- 17_tabbar案例_tags铺设
- 18_tabbar案例_删除数据
- 19_tabbar案例_创建tags
- 20_今日总结
2-38 Vue路由（一）
- 昨日反馈
- 昨日复习
- 01_什么是路由
- 02_为什么要学路由
- 03_如何使用路由
- 04_组件分类
- 05_vue-router基础使用
- 06_声明式导航_基础使用
- 07_声明式导航_跳转传值
2-39 Vue路由（二）
- 08_路由重定向
- 09_路由404设置
- 10_路由模式修改
- 11_编程式导航
- 12_编程式导航_传参
- 13_路由嵌套
- 14_激活类名的区别
- 15_路由守卫
2-40 Vant组件库
- 16_vant组件库_介绍
- 17_vant组件库_全部引入
- 18_vant组件库_手动按需引入
- 19_vant组件库_自动按需引入
- 20_vant组件库_弹出框
- 21_vant组件库_登陆表单
- 22_今日总结
2-41 网易云音乐项目初始化
- 1.0_网易云音乐_本地接口
- 1.1_网易云音乐_本地接口启动
- 1.2_网易云音乐_前端项目初始化
- 1.3_网易云音乐_需求分析
- 1.4_网易云音乐_路由准备
2-42 TabBar+NavBar+网络请求封装
- 1.5_网易云音乐_TabBar组件
- 1.6_网易云音乐_NavBar导航组件
- 1.7_网易云音乐_NavBar标题切换
- 1.8_网易云音乐_网络请求封装
2-43 推荐歌单+搜索关键字
- 1.9_网易云音乐_首页_推荐歌单
- 1.10_网易云音乐_首页_最新音乐
- 1.11_网易云音乐_搜索_热搜关键字
- 1.12_网易云音乐_搜索_点击热搜_搜索结果
2-44 搜索加载更多
- 1.13_网易云音乐_输入框_搜索结果
- 1.14_网易云音乐_搜索结果_加载更多
- 1.15_网易云音乐_加载更多_bug修复
2-45 播放音乐
- 1.16_网易云音乐_输入框_防抖
- 1.17_网易云音乐_页码bug修复
- 1.18_网易云音乐_Layout边距修复
- 1.19_网易云音乐_SongItem封装
- 1.20_网易云音乐_播放音乐
- 1.21_网易云音乐_vant适配