阶段一 前端开发基础

展开
第一章 HTML【v6.5】
1-1 浏览器与浏览器内核 免费试学
  • 01-基础班学习路线
  • 02-HTML 简介导读
  • 03-网页的相关概念
  • 04-常用浏览器以及内核
  • 05-web标准
  • 06-HTML标签导读
1-2 HTML基本结构 免费试学
  • 07-HTML语法规范
  • 08-HTML基本结构标签
  • 09-VSCode工具创建页面
  • 10-DOCTYPE和lang以及字符集的作用
  • 11-标签语义
1-3 HTML常用标签 免费试学
  • 12-标题标签
  • 13-段落标签和换行标签
  • 14-体育新闻案例
  • 15-文本格式化标签
  • 16-div和span标签
  • 17-图像标签(上)
  • 18-图像标签(下)
  • 19-图像标签注意点
1-4 路径和锚点定位 免费试学
  • 21-相对路径(上)
  • 20-目录文件夹和根目录
  • 22-相对路径(下)
  • 23-绝对路径
  • 24-链接标签(上)
  • 25-链接标签(下)
  • 26-锚点链接
  • 27-注释标签和特殊字符
1-5 HTML 综合案例 免费试学
  • 28-综合案例(上)
  • 29-综合案例(下)
1-6 表格和列表标签及案例 免费试学
  • 01-HTML标签(下)导读
  • 02-表格标签基本使用
  • 03-表头单元格标签
  • 04-表格相关属性(了解)
  • 05-小说排行榜案例
  • 06-表格结构标签
  • 07-合并单元格
  • 08-表格总结
  • 09-无序列表
  • 10-有序列表
  • 11-自定义列表
  • 12-列表总结
1-7 表单相关元素及属性
  • 13-表单使用场景以及分类
  • 14-表单域
  • 15-input之type属性文本框和密码框
  • 16-input之type属性单选按钮和复选框
  • 17-input之name和value属性
  • 18-input之checked和maxlength属性
  • 19-input表单元素四个属性使用场景课堂问答
  • 20-input之type属性提交和重置按钮
  • 21-input之type属性普通按钮和文件域
  • 22-label标签
  • 23-select下拉表单
  • 24-textarea文本域标签
  • 25-表单元素几点总结
1-8 综合案例【注册页面】
  • 26-综合案例-注册页面(一)
  • 27-综合案例-注册页面(二)
  • 28-综合案例-注册页面(三)
  • 29-综合案例-注册页面(四)
  • 30-学会查阅文档
第二章 CSS【v6.5】
2-1 CSS介绍和CSS基本选择器 免费试学
  • 01-CSS层叠样式表导读
  • 02-CSS简介
  • 03-体验CSS语法规范
  • 04-CSS代码风格
  • 05-CSS选择器的作用
  • 06-标签选择器
  • 07-类选择器
  • 08-使用类选择器画盒子
  • 09-类选择器特殊使用-多类名
  • 10-id选择器
  • 11-通配符选择器
2-2 font字体 免费试学
  • 12-font-family设置字体系列
  • 13-font-size字号大小
  • 14-font-weight字体粗细
  • 15-font-style字体样式
  • 16-font复合属性写法
  • 17-字体属性总结
2-3 文本样式和CSS样式表 免费试学
  • 18-文本颜色color
  • 19-文本对齐text-align
  • 20-文本装饰text-decoration
  • 21-文本缩进text-indent
  • 22-行间距line-height
  • 23-CSS文本属性总结
  • 24-内部样式表
  • 25-行内样式表
  • 26-外部样式表
  • 27-CSS引入方式总结
2-4 综合案例【新闻页面】 免费试学
  • 28-综合案例-新闻页面
  • 29-综合案例-修改样式(一)
  • 30-综合案例-修改样式(二)
  • 31-综合案例-修改样式(三)
2-5 chrome调试工具和emmet语法 免费试学
  • 32-chrome调试工具使用
  • 01-CSS第二天导读
  • 02-emmet语法生成html标签
  • 03-emmet语法快速生成css样式
  • 04-快速格式化代码
2-6 CSS复合选择器
  • 05-复合选择器简介
  • 06-后代选择器
  • 07-子元素选择器
  • 08-课堂练习
  • 09-并集选择器
  • 10-链接伪类选择器(上)
  • 11-链接伪类选择器(下)
  • 12-focus伪类选择器
  • 13-复合选择器总结
2-7 元素显示模式和案例
  • 14-什么是元素显示模式
  • 15-块元素
  • 16-行内元素
  • 17-行内块元素
  • 18-元素显示模式总结
  • 19-显示模式的转换
  • 20-一个小工具snipaste的使用
  • 21-简洁版小米侧边栏案例
  • 22-单行文字垂直居中的原理
2-8 CSS背景及应用案例
  • 23-背景颜色
  • 24-背景图片
  • 25-背景平铺
  • 26-背景位置-方位名词
  • 27-背景位置案例一
  • 28-背景位置案例二-王者荣耀背景图片
  • 29-背景位置-精确单位
  • 30-背景位置-混合单位
  • 31-背景固定
  • 32-背景属性复合写法
  • 33-背景颜色半透明
  • 34-背景总结
2-9 综合案例【五彩导航】
  • 35-综合案例-五彩导航(上)
  • 36-综合案例-五彩导航(二)
2-10 CSS三大特性
  • 01-CSS三大特性之层叠性
  • 02-CSS三大特性之继承性
  • 03-行高的继承
  • 04-CSS三大特性之优先级
  • 05-优先级注意的问题
  • 06-CSS权重的叠加
  • 07-权重两个练习题
2-11 CSS盒模型及应用案例
  • 08-盒子模型导读
  • 09-看透网页布局本质
  • 10-盒子模型组成部分
  • 11-盒子模型边框border
  • 12-边框的复合写法
  • 13-表格细线边框
  • 14-边框会影响盒子实际大小
  • 15-盒子模型内边距padding
  • 16-padding复合属性
  • 17-padding会影响盒子实际大小
  • 18-padding应用-新浪导航栏(上)
  • 19-padding应用-新浪导航栏(下)
  • 20-小米侧边栏修改
  • 21-padding不会撑开盒子的情况
  • 22-盒子模型外边距margin
  • 23-外边距典型应用-块级盒子水平居中对齐
  • 24-行内元素和行内块元素水平居中
  • 25-外边距合并-相邻块元素垂直外边距
  • 26-外边距合并-嵌套块元素塌陷
  • 27-清除内外边距
2-12 PS基本操作及综合案例
  • 28-ps的基本操作
  • 29-综合案例-产品模块布局分析
  • 30-综合案例-box布局
  • 31-综合案例-图片和段落制作
  • 32-综合案例-评价和详情制作
  • 33-综合案例-竖线细节制作
  • 34-pink老师解惑
2-13 综合案例【快报模块】
  • 01-综合案例-快报模块布局分析
  • 02-综合案例-快报模块头部制作
  • 03-综合案例-快报模块列表制作
2-14 圆角和阴影的应用
  • 04-圆角边框原理
  • 05-圆角边框的使用
  • 06-盒子阴影
  • 07-文字阴影
2-15 浮动及应用案例
  • 08-浮动导读
  • 09-传统网页布局三种方式
  • 10-为什么需要浮动
  • 11-什么是浮动
  • 12-浮动特性-脱标
  • 13-浮动特性-浮动元素一行显示
  • 14-浮动特性-浮动元素具有行内块特性
  • 15-浮动元素经常搭配标准流的父元素
  • 16-浮动布局练习1
  • 17-浮动布局练习2
  • 18-浮动练习-手机模块(上)
  • 19-浮动练习-手机模块(下)
  • 20-常见的网页布局
  • 21-浮动的两个注意点
2-16 清除浮动
  • 22-为什么清除浮动
  • 23-清除浮动本质以及额外标签法
  • 24-清除浮动之父元素overflow
  • 25-清除浮动之after伪元素
  • 26-清除浮动之双伪元素
  • 27-清除浮动
2-17 PS常用操作及cutterman插件使用
  • 01-常见的图片格式
  • 02-ps切图-图层切图(上)
  • 03-ps切图-图层切图(下)
  • 04-ps切图-切片工具
  • 05-ps切图-cutterman安装
  • 06-ps切图-cutterman使用技巧
2-18 学成网在线项目
  • 07-学成在线案例准备工作
  • 08-CSS属性书写顺序(重要)
  • 09-页面布局整体思路
  • 10-学成在线-header区域制作
  • 11-学成在线-logo区域制作
  • 12-学成在线-导航栏nav区域制作(上)
  • 13-学成在线-导航栏nav区域制作(中)
  • 14-学成在线-导航栏nav区域制作(下)
  • 15-学成在线-搜索search模块input制作
  • 16-学成在线-搜索search模块button制作
  • 17-学成在线-用户user模块制作
  • 18-学成在线-banner模块制作
  • 19-学成在线-subnav模块制作(上)
  • 20-学成在线-subnav模块制作(下)
  • 21-学成在线-course模块制作(上)
  • 22-学成在线-course模块制作(中)
  • 23-学成在线-course模块制作(下)
  • 24-学成在线-精品推荐模块(上)
  • 25-学成在线-精品推荐模块(中)
  • 26-学成在线-精品推荐模块(下)
  • 27-学成在线-box-hd模块制作
  • 28-学成在线-box-bd模块制作
  • 29-学成在线-box模块完成
  • 30-学成在线-footer模块制作
  • 31-学成在线-copyright模块制作
  • 32-学成在线-links模块制作
2-19 CSS四种定位
  • 01-定位导读
  • 02-为什么需要定位
  • 03-定位组成
  • 04-相对定位
  • 05-绝对定位-没有父级或者父级无定位情况
  • 06-绝对定位-父级有定位情况
  • 07-绝对定位脱标的不占有原来位置
  • 08-子绝父相的由来
  • 09-子绝父相案例-hot模块
  • 10-固定定位
  • 11-固定定位小技巧-固定到版心右侧
  • 12-粘性定位(了解)
  • 13-定位总结
  • 14-定位的叠放顺序
  • 15-绝对定位的盒子居中算法
  • 16-定位的特殊特性
  • 17-浮动元素不会压住标准流的文字定位会
2-20 淘宝焦点图案例
  • 18-淘宝焦点图布局分析
  • 19-淘宝焦点图-大盒子制作
  • 20-淘宝焦点图-左侧箭头按钮制作
  • 21-淘宝焦点图-右侧箭头按钮制作
  • 22-淘宝焦点图-ul盒子模块制作
  • 23-淘宝焦点图-li小圆点模块制作
  • 24-网页布局总结
2-21 元素显示和隐藏应用案例
  • 25-display显示隐藏元素
  • 26-visibility显示隐藏元素
  • 27-overflow溢出显示隐藏
  • 28-土豆案例(上)
  • 29-土豆案例(下)
2-22 CSS精灵图和字体图标
  • 01-CSS高级技巧导读
  • 02-为什么需要精灵技术
  • 03-精灵图使用(原理)
  • 04-精灵图使用(代码)
  • 05-精灵图案例-拼出自己名字
  • 06-字体图标产生和优点
  • 07-字体图标下载
  • 08-字体图标的使用
  • 09-字体图标的追加和加载原理
  • 10-CSS三角的做法
  • 11-CSS三角应用-京东效果
2-23 CSS进阶【问题解决技巧】
  • 12-用户界面-鼠标样式
  • 13-用户界面-取消表单轮廓和防止拖拽文本域
  • 14-vertical-align实现行内块和文字垂直居中对齐
  • 15-图片底侧空白缝隙解决方案
  • 16-单行文字溢出省略号显示
  • 17-多行文字溢出省略号显示
2-24 CSS进阶【布局技巧】
  • 18-布局技巧-margin负值巧妙运用(上)
  • 19-布局技巧-margin负值巧妙运用(下)
  • 20-布局技巧-文字围绕浮动元素巧妙运用
  • 21-布局技巧-行内块的巧妙运用
  • 22-布局技巧-CSS三角巧妙运用(上)
  • 23-布局技巧-CSS三角巧妙运用(下)
  • 24-CSS初始化
第三章 HTML5和CSS3【v6.5】
3-1 HTML5 免费试学
  • 01-HTML5CSS3提高导读
  • 02-HTML5提高-新增语义化标签
  • 03-HTML5-新增视频标签
  • 04-HTML5新增音频标签
  • 05-HTML5新增input表单
  • 06-HTML5新增表单属性
3-2 CSS3
  • 07-CSS3新增属性选择器(上)
  • 08-CSS3新增属性选择器(下)
  • 09-CSS3新增结构伪类选择器-选择第n个元素
  • 10-CSS3新增nth-child选择器(上)
  • 11-CSS3新增nth-child选择器(下)
  • 11-nth-child和nth-of-type的区别
  • 12-CSS3新增伪元素选择器使用场景和由来
  • 13-CSS3新增伪元素选择器基本使用
  • 14-伪元素选择器使用场景1-配合字体图标
  • 15-伪元素选择器使用场景2-仿土豆效果
  • 16-伪元素选择器使用场景3-伪元素清除浮动本质
  • 17-CSS3盒子模型border-box
  • 18-CSS3图片模糊处理
  • 19-计算盒子宽度calc函数
  • 20-CSS3新增属性过渡(上)
  • 21-CSS3新增属性过渡(下)
  • 22-CSS3过渡练习
  • 23-广义的H5(了解)
第四章 品优购电商项目【v6.5】
4-1 品优购项目介绍及准备工作 免费试学
  • 01-品优购项目导读
  • 02-网站制作流程
  • 03-品优购项目规划
  • 04-品优购项目搭建
  • 05-品优购项目-样式的模块化开发
  • 06-品优购项目-favicon图标制作
  • 07-品优购项目-TDK三大标签SEO优化
4-2 导航、头部和底部区域制作 免费试学
  • 08-品优购首页-快捷导航shortcut结构搭建
  • 09-品优购首页-快捷导航左侧制作
  • 10-品优购首页-快捷导航右侧搭建
  • 11-品优购首页-快捷导航右侧字体图标
  • 12-品优购首页-header头部模块搭建
  • 13-品优购首页-logoSEO优化(上)
  • 14-品优购首页-logoSEO优化(下)
  • 15-品优购首页-search搜索模块(上)
  • 16-品优购首页-search搜索模块(下)
  • 17-品优购首页-hotwords热词模块
  • 18-品优购首页-shopcar模块制作
  • 19-品优购首页-count购物车统计模块
  • 20-品优购首页-nav导航模块搭建
  • 21-品优购首页-dropdown模块制作
  • 22-品优购首页-导航详细分类制作(上)
  • 23-品优购首页-导航详细分类制作(下)
  • 24-品优购首页-navitems模块制作
  • 25-品优购首页-footer底部模块搭建
  • 26-品优购首页-mod_servecie模块制作(上)
  • 27-品优购首页-mod_servecie模块制作(下)
  • 28-品优购首页-mod_help模块制作
  • 29-品优购首页-mod_copyright模块制作
4-3 网页主体区域制作 免费试学
  • 01-品优购首页-main主体盒子搭建
  • 02-品优购首页-newsflash模块搭建
  • 03-品优购首页-news-hd模块制作
  • 04-品优购首页-new-bd模块制作
  • 05-品优购首页-lifeservice制作(上)
  • 06-品优购首页-lifeservice制作(下)
  • 07-品优购首页-推荐模块recom(上)
  • 08-品优购首页-推荐模块recom(下)
  • 09-品优购首页-家用电器模块搭建
  • 10-品优购首页-家用电器模块头部制作
  • 11-tab栏选项卡原理布局需求
  • 12-品优购首页-tab_list-item布局(上)
  • 13-品优购首页-tab_list-item布局(中)
  • 14-品优购首页-tab_list-item布局(下)
4-4 网页列表区域制作
  • 15-品优购列表-结构搭建
  • 16-品优购列表页-秒杀模块制作
  • 17-品优购列表页-导航模块修改
  • 18-品优购列表页-一个小问题
  • 20-品优购列表页-结束
4-5 注册页面制作
  • 21-品优购注册页-header制作
  • 22-品优购列表页-注册主体模块头部制作
  • 23-品优购注册页-注册主体制作(上)
  • 24-品优购注册页-注册主体制作(下)
  • 25-品优购注册页-安全程度模块
  • 26-品优购注册页-同意模块和完成注册模块
  • 27-品优购项目页面相互跳转以及作业安排
4-6 网站上传
  • 28-什么是服务器
  • 29-申请免费空间以及网站上传
  • 30-课程总结

阶段二 移动Web网页开发

展开
第一章 H5C3进阶【v6.5】
1-1 vscode编辑器基本使用 免费试学
  • 01vscode 基本使用
  • 02vscode插件安装
1-2 HTML5新增标签【复习】 免费试学
  • 01-什么是HTML5
  • 02-HTML5新增标签
  • 03-多媒体音频标签
  • 04-多媒体视频标签
  • 05-HTML5新增input标签
  • 06-HTML5新增表单属性
1-3 CSS3新增选择器及案例【复习】
  • 07-CSS3属性选择器(上)
  • 08-CSS3属性选择器(下)
  • 09-CSS3结构伪类选择器(上)
  • 10-nth-child(n)
  • 11-nth-child和nth-of-type的区别
  • 12-CSS3伪元素选择器
  • 13-伪元素选择器案例
1-4 2D转换及相关案例实现
  • 14-2D转换之translate
  • 15-让一个盒子水平垂直居中
  • 01-2D转换之rotate
  • 02-CSS3 三角
  • 03-设置转换中心点
  • 04-旋转中心点案例
  • 05-2D转换之scale
  • 06-图片放大案例
  • 07-分页按钮案例
  • 08-2D转换综合写法以及顺序问题
  • 09-CSS3动画基本使用
  • 10-动画序列
  • 11-CSS3动画常见属性
  • 12-CSS3动画简写
  • 13-大数据热点图案例(上)
  • 14-大数据热点图案例(下)
  • 15-速度曲线之steps步长
  • 16-奔跑的熊大案例
1-5 3D转换和旋转木马案例
  • 01-认识3D转换
  • 02-3D转换translate3d
  • 03-透视perspective
  • 04-translateZ
  • 05-3D旋转rotateX
  • 06-3D旋转rotateY
  • 07-3D旋转rotateZ
  • 08-3D呈现transform-style
  • 09-两面翻转盒子案例
  • 10-3D导航栏(上)
  • 11-3D导航栏(下)
  • 12-综合案例-旋转木马案例(上)
  • 13-综合案例-旋转木马案例(下)
  • 14-浏览器私有前缀以及总结
第二章 Flex 伸缩布局【v6.5】
2-1 移动端基础知识 免费试学
  • 00-移动WEB开发流式布局导读
  • 01-移动端基础
  • 02-视口
  • 03-meta视口标签
  • 04-物理像素与物理像素比(1)
  • 05-二倍图
  • 06-背景缩放background-size
  • 07-背景二倍图以及多倍图切图
  • 08-移动端开发选择
  • 09-移动端技术解决方案
  • 10-移动端特殊样式
  • 11-移动端技术选型
  • 12-流式布局
2-2 移动端电商首页制作
  • 13-京东移动端首页准备工作
  • 14-body设置
  • 15-app布局
  • 16-app内容填充
  • 17-搜索模块布局
  • 18-搜索模块内容制作
  • 19-二倍精灵图的做法
  • 20-焦点图制作
  • 21-品牌日模块制作
  • 22-导航栏nav模块制作
  • 23-新闻快报模块
  • 24-京东移动端首页结束
2-3 Flex伸缩布局基础知识
  • 00-移动WEB开发flex布局导读
  • 01-flex布局体验
  • 02-flex布局原理
  • 03-flex设置主轴方向
  • 04-justify-content设置主轴子元素排列
  • 05-flex-wrap子元素是否换行
  • 06-align-items设置侧轴子元素排列
  • 07-align-content设置侧轴子元素排列
  • 08-flex-flow以及总结
  • 09-子项flex属性使用
  • 10-align-self和order
2-4 移动端携程网首页制作
  • 11-携程移动端首页准备工作
  • 12-首页布局分析以及搜索模块布局
  • 13-搜索模块user制作
  • 14-搜索模块制search制作
  • 15-焦点图focus模块制作
  • 16-local-nav布局
  • 17-local-nav内容制作
  • 18-利用属性选择器更换背景图片
  • 19-nav外观布局
  • 20-nav内容制作
  • 21-背景渐变linear-gradient
  • 22-subnav-entry模块制作
  • 23-热门活动模块制作
  • 24-更多福利模块制作
  • 25-sales-bd模块制作
第三章 移动web开发【v6.5】
3-1 媒体查询 免费试学
  • 01-移动WEB开发rem适配布局导读
  • 02-rem单位
  • 03-媒体查询语法简介
  • 04-媒体查询案例背景变色
  • 05-媒体查询+rem实现元素动态大小变化
  • 06-媒体查询引入资源
3-2 less介绍和使用 免费试学
  • 07-CSS的弊端
  • 08-less简介以及安装
  • 09-less变量
  • 10-less编译easy less插件
  • 11-less嵌套
  • 12-less运算
3-3 rem适配及原理
  • 13-rem适配方案原理
  • 14-rem最终适配方案
3-4 移动端苏宁首页制作和rem适配
  • 15-苏宁首页common.less制作
  • 16-苏宁首页import导入样式
  • 17-苏宁首页body样式设置
  • 18-苏宁首页search-content模块布局
  • 19-苏宁首页search-content内容布局
  • 20-苏宁首页search模块制作
  • 21-苏宁首页banner和广告模块制作
  • 22-苏宁首页nav部分制作
  • 23-rem适配方案2flexible.js简介
  • 24-rem适配方案2苏宁首页前期准备工作
  • 25-rem适配方案2body样式修改
  • 26-一个神奇的vscode插件cssrem
  • 27-修改flexible默认html字体大小
  • 28-rem适配方案2search-content内容制作1
  • 29-rem适配方案2search-content内容制作2
3-5 响应式开发介绍
  • 01-移动web开发响应式布局导读
  • 02-响应式开发原理
  • 03-响应式布局容器
  • 04-响应式导航案例
3-6 Bootstrap介绍和使用
  • 05-Bootstrap简介
  • 06-Bootstrap使用(上)
  • 07-Bootstrap使用(下)
  • 08-Bootstrap布局容器
  • 09-Bootstrap栅格系统
  • 10-Bootstrap栅格系统使用(上)
  • 11-Bootstrap栅格系统使用(下)
  • 12-Bootstrap列嵌套
  • 13-Bootstarp列偏移
  • 14-Bootstrap列排序
  • 15-Bootstrap响应式工具
3-7 阿里百秀响应式页面制作
  • 16-阿里百秀需求分析
  • 17-阿里百秀前期准备工作
  • 18-修改container最大宽度
  • 19-阿里百秀logo制作
  • 20-阿里百秀nav制作引入字体图标
  • 21-阿里百秀news制作(上)
  • 22-阿里百秀news制作(下)
  • 23-阿里百秀publish模块制作
  • 24-阿里百秀aside模块制作
  • 25-阿里百秀logo响应式制作
  • 26-阿里百秀nav响应式制作
  • 27-阿里百秀news响应式制作
  • 28-阿里百秀publish响应式制作
  • 29-移动端开发总结

阶段三 JavaScript网页编程

展开
第一章 JavaScript 基础语法【v6.5】
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编程【v6.5】
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-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 移动端轮播图实现
  • 20-移动端网页特效导读
  • 21-移动端touch触摸事件
  • 22-移动端TouchEvent触摸事件对象
  • 23-移动端拖动元素
  • 01-移动端轮播图-结构搭建
  • 02-移动端轮播图-布局分析
  • 03-移动端轮播图-滚动图片
  • 04-移动端轮播图-无缝滚动
  • 05-classList类名操作
  • 06-移动端轮播图-小圆点跟随变化
  • 07-移动端轮播图-手指拖动轮播图
  • 08-移动端轮播图-手指滑动播放上一张下一张图片
  • 09-移动端轮播图-回弹效果
  • 10-返回顶部模块制作
2-18 移动端插件使用及轮播图的实现
  • 11-移动端click事件300ms延时问题解决方案
  • 12-fastclick插件使用
  • 13-swiper插件使用-引入相关文件
  • 14-移动端轮播图-按照语法规范使用
  • 15-swiper插件使用-参数更改
  • 16-移动端其他插件以及使用总结
  • 17-视频插件zy.media.js的使用
  • 18-bootstrap轮播图
  • 19-阿里百秀轮播图制作
2-19 HTML5本地存储及记住用户名案例
  • 20-本地存储导读
  • 21-本地存储之sessionStorage
  • 22-本地存储之localStorage
  • 23-记住用户名案例
第三章 jQuery 编程【v6.5】
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统计正在进行和已经完成事项个数
第四章 面向对象编程【v6.5】
4-1 面向对象编程介绍
  • 01-JavaScript面向对象导读
  • 02-面向对象编程介绍
4-2 类和对象
  • 03-类和对象
  • 04-创建类和生成实例
  • 05-类中添加共有方法
  • 06-类继承extends和super关键字
  • 07-super调用父类普通函数以及继承中属性方法查找原则
  • 08-super必须放到子类this之前
  • 09-使用类2个注意点
  • 10-类里面this指向问题
4-3 面向对象tab栏切换案例
  • 11-面向对象tab栏-思路分析以及布局介绍
  • 12-面向对象tab栏-模块划分
  • 13-面向对象tab栏-切换功能模块
  • 14-面向对象tab栏-添加功能模块(上)
  • 15-面向对象tab栏-添加功能模块(中)
  • 16-面向对象tab栏-添加功能模块(下)
  • 17-面向对象tab栏-删除功能模块(上)
  • 18-面向对象tab栏-删除功能模块(中)
  • 19-面向对象tab栏-删除功能模块(下)
  • 20-面向对象tab栏-编辑功能模块(上)
  • 21-面向对象tab栏-编辑功能模块(中)
  • 22-面向对象tab栏-编辑功能模块(下)
4-4 构造函数和原型对象
  • 01-构造函数和原型导读
  • 02-利用构造函数创建对象
  • 03-实例成员和静态成员
  • 04-构造函数原型对象prototype
  • 05-对象原型__proto__
  • 06-原型constructor构造函数
  • 07-构造函数实例和原型对象三角关系
  • 08-原型链
  • 09-对象成员查找规则
  • 10-原型对象this指向
  • 11-利用原型对象扩展内置对象方法
  • 12-call方法的作用
  • 13-利用父构造函数继承属性
  • 14-利用原型对象继承方法(上)
  • 15-利用原型对象继承方法(下)
4-5 forEach、some、filter方法及查询商品案例
  • 16-迭代(遍历数组)forEach
  • 17-筛选数组filter方法
  • 18-查找数组中是否有满足条件的元素some方法
  • 19-查询商品案例-渲染页面数据
  • 20-查询商品案例-根据价格筛选商品(上)
  • 21-查询商品案例-根据价格筛选商品(下)
  • 22-查询商品案例-根据商品名称筛选商品
  • 23-some和forEach区别
4-6 Object.defineProperty方法
  • 24-trim方法去除字符串两侧空格
  • 25-Object.keys获取对象属性名
  • 26-Object.defineProperty方法(上)
  • 27-Object.defineProperty方法(下)
4-7 函数进阶
  • 01-函数进阶导读
  • 02-函数的定义方式
  • 03-函数的调用方式
  • 04-函数内部的this指向
4-8 call、apply、bind的使用
  • 05-call方法及其应用
  • 06-apply方法及其应用
  • 07-bind方法基本使用
  • 08-bind方法应用
  • 09-call和apply以及bind总结
4-9 闭包及应用
  • 10-什么是严格模式以及如何开启严格模块
  • 11-严格模式的变化
  • 12-高阶函数
  • 13-什么是闭包
  • 14-闭包的作用
  • 15-闭包应用-点击li打印当前索引号
  • 16-闭包应用-3秒钟之后打印li内容
  • 17-闭包应用-计算打车价格
  • 18-思考题(选讲)
4-10 递归及应用
  • 19-什么是递归函数
  • 20-利用递归求阶乘
  • 21-利用递归求斐波那契数列
  • 22-利用递归遍历数据(上)
  • 23-利用递归遍历数据(下)
  • 24-浅拷贝
  • 25-深拷贝
4-11 正则表达式及应用
  • 01-正则表达式导读
  • 02-正则表达式概述
  • 03-正则表达式在JavaScript中使用
  • 04-边界符
  • 05-字符类(上)
  • 06-字符类(下)
  • 07-量词符
  • 08-量词重复某个模式的次数
  • 09-用户名表单验证
  • 10-括号总结以及正则验证工具
  • 11-预定义类以及座机号码验证
  • 12-表单验证(上)
  • 13-表单验证(中)
  • 14-表单验证(下)
  • 15-正则替换
4-12 ES6中的let和const
  • 01-什么是ES6、为什么要学习ES6
  • 02-let关键字(一)
  • 03-let关键字(二)
  • 04-let关键字(三)
  • 05-经典面试题(一)
  • 05-经典面试题(二)
  • 06-const关键字(一)
  • 07-const关键字(二)
  • 08-const关键字(三)
  • 09-let、const、var关键字的区别
4-13 ES6解构赋值
  • 10-数组解构赋值
  • 11-对象解构(一)
  • 12-对象解构(二)
4-14 ES6箭头函数
  • 13-箭头函数(一)
  • 14-箭头函数中的this关键字
  • 15-箭头函数面试题
4-15 剩余参数和拓展运算符
  • 16-剩余参数
  • 17-剩余参数和解构配合使用
  • 18-扩展运算符
  • 19-扩展运算符应用:合并数组
  • 20-扩展运算符应用:将伪数组转换为真正的数组
4-16 Array实例方法
  • 21-Array扩展方法:Array.from方法
  • 22-Array实例方法:find
  • 23-Array实例方法:findIndex
  • 24-Array实例方法:includes
4-17 ES6模板字符串和set数据结构
  • 25-模板字符串
  • 26-startsWith方法和endsWith方法
  • 27-repeat方法介绍
  • 28-创建set数据结构
  • 29-利用set数据结构做数组去重
  • 30-set对象实例方法
  • 31-遍历set

阶段四 前后端交互

展开
第一章 Node+Gulp【v6.5】
1-1 node介绍和环境安装 免费试学
  • 01-Node开发概述
  • 02.Node环境安装
  • 03-Node环境常见安装失败情况及系统环境变量path的作用
  • 04-Node快速入门(上)
  • 05-Node快速入门(下)
1-2 node模块化 免费试学
  • 06-模块化开发概述
  • 07-Node.js模块化开发
  • 08-模块成员导出的另一种方式
  • 09-系统模块之文件操作(上)
  • 10-系统模块之文件操作(下)
  • 11-系统模块path
  • 12-相对路径、绝对路径
  • 13-第三方模块基本介绍
  • 14-nodemon第三方模块的使用
  • 15-nrm第三方模块的使用
1-3 gulp使用
  • 16-gulp基本介绍
  • 17-gulp基本使用
  • 【重要】gulp基本使用补充说明
  • 18-gulp插件使用(一)
  • 19-gulp插件使用(二)
  • 20-gulp插件使用(三)
  • 21-gulp插件使用(四)
  • 22-package.json文件的作用(一)
  • 23-package.json文件的作用(二)
  • 24-模块查找规则(一)
  • 25-模块查找规则(二)
1-4 服务器和http协议
  • 26-服务器端概念(一)
  • 27-服务器端概念(二)
  • 28-创建网站服务器
  • 29-http协议(一)
  • 30-http协议(二)
  • 31-http协议(三)
  • 32-get请求参数
  • 33-post请求参数
  • 34-路由
  • 35-静态资源访问(一)
  • 36-静态资源访问(二)
1-5 同步和异步
  • 37-同步、异步API的概念
  • 38-获取异步API的返回结果
  • 39-同步异步API代码执行顺序
1-6 Promise
  • 40-Node.js中的异步API及回调地狱
  • 41-promise基本使用
  • 42-promise解决回调地狱
  • 43-异步函数用法
  • 异步函数用法补充说明01-throw
  • 异步函数用法补充说明02-await
  • 44.异步函数应用
第二章 MongoDB+Express【v6.5】
2-1 MongoDB数据库和数据库的增删改查
  • 45-数据库概述及安装
  • 46.数据库相关概念
  • 47-使用nodejs连接数据库
  • 48-创建集合及向集合中插入数据
  • 49-向集合中插入文档的另一种方式
  • 50-向数据库中导入数据
  • 51-查询文档(一)
  • 52-查询文档(二)
  • 53-删除文档
  • 54-更新文档
2-2 mongoose验证
  • 55.mongoose验证(一)
  • 56-mongoose验证(二)
  • 57-捕获mongoose错误信息
  • 58-集合关联
2-3 【案例】用户信息的增删改查案例
  • 60-案例:用户信息增删改查(一)
  • 61-案例:用户信息增删改查(二)
  • 62-案例:用户信息增删改查(三)
  • 63-案例:用户信息增删改查(四)
  • 64-案例:用户信息增删改查(五)
  • 65-案例:用户信息增删改查(六)
  • 66-案例:用户信息增删改查(七)
2-4 art-template模板引擎使用
  • 67-模板引擎入门
  • 68-模板语法-输出
  • 69-模板语法-条件判断
  • 70-模板语法-循环
  • 71-模板语法-子模板
  • 72-模板语法-模板继承
  • 73-模板配置-导入模板变量
  • 74-模板配置-模板根目录及后缀配置
2-5 【案例】学生档案信息管理案例
  • 75-学生档案信息管理案例(一)
  • 76-学生档案信息管理案例(二)
  • 77-学生档案信息管理案例(三)
  • 78-学生档案信息管理案例(四)
  • 79-学生档案信息管理案例(五)
  • 80-学生档案信息管理案例(六)
2-6 Express框架
  • 81-Express框架简介及初体验
  • 82-中间件(一)
  • 83-中间件(二)
  • 84-中间件(三)
  • 85-错误处理中间件
  • 86-异步函数错误捕获
  • 87-构建模块化路由(一)
  • 88-构建模块化路由(二)
  • 89-Express中接收get请求参数
  • 90-Express框架接收post请求
  • 91-app.use方法传递函数调用语法的解释
  • 92-路由参数
  • 93-静态资源访问
  • 94-在express框架中配置模板引擎
  • 95-app.locals对象
第三章 黑马博客项目【v6.5】
3-1 登录和注册功能
  • 96-博客案例整体介绍
  • 97-案例初始化(一)
  • 98-案例初始化(二)
  • 99-案例初始化(三)
  • 100-模板优化(一)
  • 101-模板优化(二)
  • 102-连接数据库创建用户集合
  • 103-创建初始化用户
  • 104-实现登录-客户端验证
  • 105-实现登录-服务器端验证
  • 106-实现登录-密码比对
  • 107-密码加密-哈希密码加密介绍
  • 108-bcrypt依赖环境安装
  • 109-实现密码加密功能
  • 110-登录功能缺陷分析
  • 111-cookie和session初识以及登录功能实现分析
  • 112-express-session实现登录功能
  • 113-重定向及公共数据展示
  • 114-实现退出功能
  • 115-登录拦截
  • 116-代码优化
  • 117-新增用户(一)
  • 118-joi模块基本使用
  • 119-新增用户(二)
  • 120-新增用户(三)
  • 121-新增用户代码优化
3-2 用户列表分页功能
  • 122-用户列表页面数据展示
  • 123-分页(一)
  • 124-分页(二)
  • 125-分页(三)
3-3 用户信息修改功能
  • 126-用户信息修改(一)
  • 127-用户信息修改(二)
  • 128-用户信息修改(三)
  • 129-用户信息修改(四)
  • 130-用户删除功能
  • 131-添加用户管理路由及连接选中状态实现
3-4 文件上传和图片预览功能
  • 132-创建文章集合
  • 133-formidable模块介绍
  • 134-使用formidable模块实现文件上传功能
  • 135-实现图片即时预览功能
3-5 文章添加和第三方模块实现分页功能
  • 136-实现文章添加功能
  • 137-文章列表页面数据展示
  • 138-处理日期格式
  • 139-使用第三方模块实现分页(一)
  • 140-使用第三方模块实现分页(二)
  • 141-为mongodb数据库添加账户
3-6 开发环境与生产环境
  • 142-开发环境与生产环境的概念
  • 143-在开发环境中打印请求信息
  • 144-config模块的基本使用
3-7 博客首页数据渲染
  • 145-将数据库连接信息抽取到单独的文件中
  • 146-将密码存储在系统环境变量中
  • 147-添加博客前台展示页面路由
  • 148-博客前台页面模板处理
  • 149-博客首页面数据渲染
  • 150-博客首页数据格式处理
  • 151-博客首页页码处理
3-8 详情页和评论功能
  • 152-文章详情页面数据展示
  • 153-创建评论集合
  • 154-修改用户登录功能
  • 155-根据用户状态显示隐藏评论表单
  • 156-实现评论添加功能
  • 157-实现评论展示功能
第四章 Ajax【v6.5】
4-1 Ajax基础知识
  • 01-Ajax概述及应用场景
  • 02-Ajax运行环境
  • 03-Ajax技术使用步骤分析
  • 04-使用Ajax技术向服务器端发送请求
  • 05-处理服务器端返回的JSON格式数据
  • 06-传递get请求参数
  • 07-传递post请求参数
  • 【重要】传递post请求参数补充说明
  • 08-向服务器端传递json数据格式的请求参数
  • 09-Ajax状态码及onreadystatechange事件
  • 10-Ajax错误处理
  • 11-Ajax技术在低版本IE浏览器中的缓存问题
  • 12-同步异步概念
4-2 Ajax函数封装
  • 13-ajax函数封装(一)
  • 14-ajax函数封装(二)
  • 15-ajax函数封装(三)
  • 16-ajax函数封装(四)
  • 17-ajax函数封装(五)
  • 18-ajax函数封装(六)
4-3 【案例】文件上传和图片即时预览
  • 01-客户端模板引擎的使用
  • 02-案例:Ajax验证邮箱地址是否唯一
  • 03-搜索框内容提示(一)
  • 04-搜索框内容提示(二)
  • 05-省市区三级联动案例
  • 06-FormData使用方法(一)
  • 07-FormData使用方法(二)
  • 08-FormData对象实例方法(一)
  • 09-FormData对象实例方法(二)
  • 10-formData对象实现二进制文件上传
  • 11-实现文件上传进度展示功能
  • 12-实现图片上传完成后图片即时预览功能
4-4 同源策略
  • 01-Ajax技术限制及同源概念
  • 02-同源政策概念及验证Ajax技术不能向非同源服务器端发送请求
4-5 JSONP
  • 03-jsonp解决方案:思路
  • 04-jsonp解决方案:实现
  • 05-jsonp代码实现优化:动态发送请求
  • 06-jsonp代码实现优化:函数名传递
  • 07-封装jsonp函数
  • 08-jsonp函数优化(一)
  • 09-jsonp函数优化(二)
  • 10-服务器端jsonp方法介绍
4-6 【案例】腾讯天气信息案例
  • 11-案例:使用jsonp方式获取腾讯天气信息(一)
  • 12-案例:使用jsonp方式获取腾讯天气信息(二)
4-7 CORS
  • 13-CORS跨域资源共享
  • 14-跨域访问数据之服务器端代理
  • 15-cookie概念复习
  • 16-跨域请求携带cookie信息
4-8 jQuery中Aajx方法的使用
  • 01-$.ajax方法基本使用介绍
  • 02-$.ajax方法传递请求参数及beforeSend方法介绍
  • 03-serialize方法介绍及serializeObject方法封装
  • 04-使用$.ajax方法发送jsonp请求
  • 05-快捷方法$.get、$.post方法介绍
4-9 【案例】todo案例
  • 06-todo案例说明及数据库账号创建
  • 07-todo案例:实现任务列表展示功能
  • 08-todo案例:实现任务添加功能
  • 09-todo案例:实现任务删除功能
  • 10-todo案例:更改任务状态
  • 11-todo案例:修改任务名称
  • 12-todo案例:计算未完成任务数量
4-10 Ajax补充内容
  • 13-ajax全局事件及nprogress插件
  • 14-restful api概述
  • 15-restful api实现
  • 16-xml基础介绍
第五章 Git和GitHub【v6.5】
5-1 git配置和使用
  • 01-版本管理的概念,人为维护版本的问题
  • 02-git概念的解释
  • 03-git安装
  • 04-git工作的基本流程分析
  • 05-git配置
  • 06-git工作流程实现
  • 07-撤销:用暂存区中的文件覆盖工作目录中的文件
  • 08-撤销:从暂存区中删除文件
  • 09-撤销:恢复仓库中指定版本的项目状态
  • 10-分支概念及应用场景介绍
  • 11-分支操作:查看、创建、切换、切换注意事项
  • 12-分支操作:合并分支
  • 13-分支操作:删除分支
  • 14-临时存储分支上的改动
5-2 github及多人协作开发
  • 15-github注册
  • 16-多人协作开发流程介绍
  • 17-程序员A:创建本地仓库和远程仓库
  • 18-程序员A:将本地仓库推送到远程
  • 19-推送命令简化、windows凭据记住github账号密码
  • 20-程序员B:克隆远程仓库
  • 21-程序员B:将本地仓库中的修改推送到远程
  • 22-程序员A:拉取远程仓库中最新的版本
  • 23-多人协作开发冲突的解决
5-3 git补充内容
  • 24-非团队协作开发
  • 25-ssh免登陆
  • 26-git忽略清单
  • 27-为仓库添加说明
第六章 阿里百秀项目【v6.5】
6-1 模版引擎基本使用
  • 1-Ajax项目中存在的问题
  • 2-模板引擎介绍
  • 3-渲染模板
  • 4-原文输出
  • 5-条件判断
  • 6-循环
  • 7-导入模板变量
6-2 阿里百秀介绍和项目搭建
  • 8-阿里百秀案例介绍
  • 9-前后端混合开发模式的了解
  • 10-前后端分离开发模式的了解
  • 11-网站架构了解
  • 12-案例运行环境搭建(新大纲)
6-3 登录和退出功能
  • 14-实现登录功能
  • 15-实现登录拦截功能
  • 16-实现退出功能
6-4 用户信息的增删改查功能
  • 17-实现用户添加功能(一)
  • 18-实现用户添加功能(二)
  • 19-实现用户头像上传功能
  • 20-实现用户列表展示功能
  • 21-实现修改用户信息功能(一)
  • 22-实现用户信息修改功能(二)
  • 23-实现用户信息修改功能(四)
  • 24-实现用户信息修改功能(五)
  • 01-实现删除用户功能
  • 02-实现批量删除用户(一)
  • 03-实现批量删除用户(二)
  • 04-实现批量删除用户(三)
  • 05-实现登录用户密码修改功能
6-5 文章信息的增删改查功能
  • 06-实现分类添加功能
  • 07-实现分类数据列表展示功能
  • 08-实现分类信息修改功能(一)
  • 09-实现分类信息修改功能(二)
  • 10-实现删除分类数据功能
  • 11-实现文章添加功能(一)
  • 12-实现文章添加功能(二)
  • 13-实现文章添加功能(三)
  • 14-实现文章列表数据展示功能
  • 15-实现文章列表数据分页功能
  • 16-实现文章列表数据筛选功能
  • 01-实现文章信息修改功能(一)
  • 02-实现文章信息修改功能(二)
  • 03-实现文章信息修改功能(三)
  • 04-实现文章删除功能
6-6 评论功能01
  • 05-实现评论列表数据展示功能
  • 【补充视频】发表评论功能
  • 06-实现评论列表数据分页功能
  • 07-处理模板中的时间格式
  • 08-实现评论审核功能
  • 09-实现评论删除功能
6-7 网站首页首页渲染
  • 10-实现仪表盘页面的数据统计功能
  • 11-实现轮播图数据添加功能(一)
  • 12-实现轮播图数据添加功能(二)
  • 13-实现轮播图数据展示功能
  • 14-实现图片轮播数据删除功能
  • 15-实现网站设置数据添加功能(一)
  • 16-实现网站设置数据添加功能(二)
  • 17-实现网站设置数据的展示功能
  • 18-实现登录用户信息显示功能
  • 01-实现首页轮播图数据展示
  • 02-实现热门推荐数据展示功能
  • 03-实现最新发布数据展示功能
  • 04-实现随机推荐数据展示功能
  • 05-实现最新评论数据展示功能
  • 06-实现导航数据显示功能
  • 07-实现文章分类列表数据展示功能
  • 08-实现文章详情页面数据展示
  • 09-实现文章点赞功能
  • 10-实现文章搜索功能
6-8 评论功能02
  • 11-实现评论功能(一)
  • 12-实现评论功能(二)

阶段五 Vue.js项目实战开发

展开
第一章 Vue基础【v6.5】
1-1 Vue指令及案例 免费试学
  • 00-学习目标
  • 01-Vue概述
  • 02-Vue之HelloWorld
  • 03-模板语法概述
  • 04-指令概念与v-cloak指令用法
  • 05-数据填充相关3个指令的用法
  • 06-数据响应式概念与v-once用法
  • 07-双向数据绑定与v-model指令用法
  • 08-MVVM设计思想分析
  • 09-事件绑定基本用法
  • 10-事件函数参数传递方式
  • 11-事件修饰符的用法
  • 12-按键修饰符的用法
  • 13-自定义按键修饰符
  • 14-简单计算器案例
  • 15-属性绑定基本用法
  • 16-指令v-model底层原理分析
  • 17-样式绑定之class绑定对象用法
  • 18-样式绑定之class绑定数组用法
  • 19-样式绑定之class绑定3个细节用法
  • 20-样式绑定之style绑定用法
  • 21-分支结构用法
  • 22-循环结构遍历数组与key的作用分析
  • 23-循环结构遍历对象
  • 24-案例选项卡-需求分析与UI概览
  • 25-案例选项卡-实现模板布局
  • 26-案例选项卡-切换样式处理
  • 27-案例选项卡-事件处理
  • 01-常用特性概述与表单效果概览
  • 02-表单基本操作-上
  • 03-表单基本操作-下
  • 04-表单域修饰符用法
  • 05-自定义指令基本用法
  • 06-自定义指令-带参数
  • 07-自定义局部指令用法
  • 08-计算属性基本用法
  • 09-计算属性与方法的区别
  • 10-侦听器基本用法
  • 11-侦听器案例
  • 12-过滤器基本用法
  • 13-带参数的过滤器案例
  • 14-实例的生命周期
1-2 图书管理综合案例
  • 15-综合案例-图书管理功能概述
  • 16-综合案例-Vue数组处理相关概念
  • 17-综合案例-Vue动态处理响应式数据
  • 18-综合案例-图书列表展示
  • 19-综合案例-添加图书
  • 20-综合案例-修改图书-上
  • 21-综合案例-修改图书-下
  • 22-综合案例-删除图书
  • 23-综合案例-常用特性应用场景-上
  • 24-综合案例-常用特性应用场景-下
1-3 Vue组件
  • 00-学习目标
  • 01-组件化开发概述
  • 02-组件基本使用
  • 03-组件注册注意事项-上
  • 04-组件注册注意事项-下
  • 05-局部组件注册方式
  • 06-Vue调试工具安装与使用
  • 07-父组件向子组件传值-基本用法
  • 08-父组件向子组件传值-props属性命名规则(1)
  • 09-父组件向子组件传值-props属性值类型
  • 10-子组件向父组件传值-基本用法
  • 11-子组件向父组件传值-携带参数
  • 12-兄弟组件之间数据交互
  • 13-组件插槽基本用法
  • 14-具名插槽用法
  • 15-作用域插槽用法
1-4 购物车案例
  • 16-购物车案例-功能概述
  • 17-购物车案例-实现组件化布局(1)
  • 18-购物车案例-实现标题和结算组件功能
  • 19-购物车案例-实现列表组件删除商品功能
  • 20-购物车案例-实现列表组件更新商品功能-上
  • 21-购物车案例-实现列表组件更新商品功能-下
1-5 Promise
  • 00-学习目标
  • 01-前后端交互概述与URL地址格式
  • 02-异步编程问题与Promise概述-fixed
  • 03-Promise基本用法
  • 04-Promise发送Ajax请求并处理回调地狱问题
  • 05-Promise的then方法参数中的函数的返回值
  • 06-Promise常用API-实例方法
  • 07-Promise常用API-对象方法
1-6 Fetch
  • 08-FetchAPI概述与基本使用
  • 09-FetchAPI的GET和DELETE请求传参
  • 10-FetchAPI的POST和PUT请求传参(1)
  • 11-FetchAPI响应数据格式
1-7 axios
  • 12-axios概述与基本用法
  • 13-axios的GET和DELETE请求传参
  • 14-axios的POST和PUT请求传参
  • 15-axios响应结果与全局配置
  • 16-axios拦截器用法
  • 17-async函数基本用法
  • 18-async函数处理多个异步请求
1-8 基于后台接口的图书管理案例
  • 19-基于后台接口的案例-业务需求概述
  • 20-基于后台接口的案例-图书列表加载_fixed
  • 21-基于后台接口的案例-添加图书
  • 22-基于后台接口的案例-验证图书名称存在性
  • 23-基于后台接口的案例-编辑图书
  • 24-基于后台接口的案例-删除图书
1-9 vue路由
  • 00.vue路由的学习目标
  • 01.路由-路由的基本概念
  • 02.路由-实现简易的前端路由
  • 03.路由-介绍vue-router
  • 04.路由-vue-router的基本使用
  • 05.路由-路由重定向
  • 06.路由-嵌套路由
  • 07.路由-动态路由匹配1
  • 08.路由-动态路由匹配2
  • 09.路由-命名路由
  • 10.路由-编程式导航
1-10 路由案例
  • 11.路由案例-抽离并渲染App根组件
  • 12.路由案例-将左侧菜单改造为路由链接
  • 13.路由案例-创建左侧菜单对应的路由组件并添加路由占位符
  • 14.路由案例-添加子路由规则并实现路由重定向
  • 15.路由案例-渲染用户列表数据
  • 16.路由案例-编程式导航跳转到详情页并实现后退功能
第二章 webpack【v6.5】
2-1 前端工程化和模块化
  • 00.前端工程化-学习目标
  • 01.前端工程化-模块化的相关规范
  • 02.前端工程化-Node.js中通过babel体验ES6模块化
  • 03.ES6模块化语法-默认导出与默认导入
  • 04.ES6模块化语法-按需导出与按需导入
  • 05.ES6模块化语法-直接导入并执行模块代码
2-2 webpack
  • 06.webpack-介绍webpack的作用(1)
  • 07.webpack-创建列表隔行变色项目
  • 08.webpack-在项目中安装和配置webpack
  • 09.webpack-配置打包的入口与出口
  • 10.webpack-配置webpack的自动打包功能
  • 11.webpack-配置html-webpack-plugin生成预览页面
  • 12.webpack-配置自动打包相关的参数
  • 13.webpack加载器-介绍加载器以及加载器的调用过程
  • 14.webpack加载器-打包处理css文件(1)
  • 15.webpack加载器-打包处理less文件
  • 16.webpack加载器-打包处理scss文件
  • 17.webpack加载器-配置postCSS
  • 18.webpack加载器-打包样式表中的图片和字体文件
  • 19.webpack加载器-打包处理js文件中的高级语法
  • 20.单文件组件-单文件组件的组成结构
  • 21.单文件组件-配置.vue文件的loader加载器
  • 22.单文件组件-在webpack项目中使用vue
  • 23.单文件组件-webpack打包发布
第三章 Vue-cli3和Element-UI【v6.5】
3-1 Vue-cli3(Vue脚手架)
  • 24.vue脚手架-介绍并安装3.x版本的vue脚手架
  • 25.vue脚手架-基于交互式命令行创建新版vue项目
  • 26.vue脚手架-基于图形化界面创建新版vue项目
  • 27.vue脚手架-基于2.x的旧模板创建旧版vue项目
  • 28.vue脚手架-分析项目结构
  • 29.vue脚手架-对vue脚手架项目进行自定义配置的两种方式
3-2 Element-UI组件库
  • 30.组件库-介绍element-ui并基于命令行方式手动安装
  • 31.组件库-基于图形化界面自动安装element-ui
第四章 Vue电商后台管理系统【v6.5】
4-1 项目初始化
  • 00.项目实战的学习目标
  • 01.项目概述-电商项目基本业务概述
  • 02.项目概述-电商后台管理系统的功能划分
  • 03.项目概述-项目的开发模式以及技术选型
  • 04.项目初始化-前端项目初始化
  • 05.项目初始化-创建码云账号并配置SSH公钥
  • 06.项目初始化-将本地项目托管到码云中
  • 07.项目初始化-安装MySQL
  • 08.项目初始化-配置API接口服务器并使用PostMan调试接口
4-2 登录和退出功能
  • 09.登录退出-分析登录过程以及token的原理
  • 10.登录退出-分析登录页面的布局结构并创建login子分支
  • 11.登录退出-梳理项目结构
  • 12.登录退出-渲染Login组件并实现路由重定向
  • 13.登录退出-设置背景色并在屏幕中央绘制登录盒子
  • 14.登录退出-绘制默认头像
  • 15.登录退出-绘制登录表单区域
  • 16.登录退出-绘制带icon的input输入框
  • 17.登录退出-实现表单的数据绑定
  • 18.登录退出-实现表单数据验证
  • 19.登录退出-实现表单的重置功能
  • 20.登录退出-实现登录前表单数据的预验证
  • 21.登录退出-配置axios发起登录请求
  • 22.登录退出-配置Message全局弹框组件
  • 23.登录退出-完善登录之后的操作
  • 24.登录退出-路由导航守卫控制页面访问权限
  • 25.登录退出-实现退出功能
  • 26.语法处理-处理项目中的ESLint语法报错问题
  • 27.语法处理-修改element-ui组件的按需导入形式
  • 28.登录退出-将本地代码提交代码到码云中
4-3 主页布局和功能实现
  • 01.主页-实现基本的主页布局
  • 02.主页-美化主页的header区域
  • 03.主页-实现导航菜单的基本结构
  • 04.主页-通过axios拦截器添加token验证
  • 05.主页-获取左侧菜单数据
  • 06.主页-通过双层for循环渲染左侧菜单
  • 07.主页-为选中项设置字体颜色并添加分类图标
  • 08.主页-每次只能打开一个菜单项并解决边框问题
  • 09.主页-实现侧边栏的折叠与展开效果
  • 10.主页-实现首页路由的重定向效果
  • 11.主页-实现侧边栏路由链接的改造
4-4 用户列表布局和功能实现
  • 12.用户列表-通过路由的形式展示用户列表组件
  • 13.用户列表-在sessionStorage中保存左侧菜单的激活状态
  • 14.用户列表-绘制用户列表组件的基础布局结构
  • 15.用户列表-获取用户列表数据
  • 16.用户列表-使用el-table组件渲染基本的用户列表
  • 17.用户列表-为表格添加索引列
  • 18.用户列表-自定义状态列的显示效果
  • 19.用户列表-通过作用域插槽渲染操作列
  • 20.用户列表-实现分页效果
  • 21.用户列表-修改用户状态
  • 22.用户列表-实现搜索功能
4-5 用户添加、修改、删除功能
  • 23.添加用户-渲染添加用户的对话框
  • 24.添加用户-渲染添加用户的表单
  • 25.添加用户-自定义邮箱和手机号的校验规则
  • 26.添加用户-实现添加表单的重置操作
  • 27.添加用户-实现添加用户前的表单预校验
  • 28.添加用户-调用API接口完成添加用户的操作
  • 01.修改用户-展示修改用户的对话框
  • 02.修改用户-根据Id查询对应的用户信息
  • 03.修改用户-渲染修改用户的表单
  • 04.修改用户-实现修改用户表单的重置操作
  • 05.修改用户-完成提交修改之前的表单预验证
  • 06.修改用户-提交表单完成用户信息的修改
  • 07.删除用户-弹框询问用户是否确认删除数据
  • 08.删除用户-调用API完成删除用户的操作
  • 09.提交代码-创建user子分支并把代码推送到码云仓库中
  • 10.新建分支-创建rights子分支并推送到码云
4-6 权限列表
  • 11.权限列表-通过路由展示权限列表组件
  • 12.权限列表-绘制面包屑导航和卡片视图
  • 13.权限列表-调用API获取权限列表的数据
  • 14.权限列表-渲染权限列表UI结构
  • 15.介绍 用户-角色-权限 三者之间的关系
4-7 角色列表
  • 16.角色列表-通过路由展示角色列表组件
  • 17.角色列表-绘制基本布局结构并获取列表数据
  • 18.角色列表-渲染角色列表数据
  • 19.角色列表-说明角色列表需要完成的功能模块
  • 20.角色列表-分析角色下权限渲染的实现思路
  • 21.角色列表-通过第一层for循环渲染一级权限
  • 22.角色列表-美化一级权限的UI结构
  • 23.角色列表-通过第二层for循环渲染二级权限
  • 24.角色列表-通过第三层for循环渲染三级权限
  • 25.角色列表-美化角色下权限的UI结构
  • 26.角色列表-点击删除权限按钮弹出确认提示框
  • 27.角色列表-完成删除角色下指定权限的功能
4-8 分配权限、角色
  • 28.分配权限-弹出分配权限对话框并请求权限数据
  • 29.分配权限-初步配置并使用el-tree树形控件
  • 30.分配权限-优化树形控件的展示效果
  • 31.分配权限-分析已有权限默认勾选的实现思路
  • 32.分配权限-加载当前角色已有的权限
  • 33.分配权限-在关闭对话框时重置defKeys数组
  • 34.分配权限-调用API完成分配权限的功能
  • 35.分配角色-渲染分配角色的对话框并请求角色列表数据
  • 36.分配角色-渲染角色列表的select下拉菜单
  • 37.分配角色-完成分配角色的功能
  • 38.分支操作-提交本地代码到Git仓库并推送到码云
4-9 商品分类
  • 01.商品分类-介绍商品分类功能的作用
  • 02.商品分类-创建goods_cate子分支并push到码云中
  • 03.商品分类-通过路由加载商品分类组件
  • 04.商品分类-绘制商品分类组件的基本页面布局
  • 05.商品分类-调用API获取商品分类列表数据
  • 06.商品分类-初步使用vue-table-with-tree-grid树形表格组件
  • 07.商品分类-使用自定义模板列渲染表格数据
  • 08.商品分类-渲染排序和操作对应的UI结构
  • 09.商品分类-实现分页功能
  • 10.商品分类-渲染添加分类的对话框和表单
  • 11.商品分类-获取父级分类数据列表
  • 12.商品分类-渲染级联选择器
  • 13.商品分类-根据父分类的变化处理表单中的数据
  • 14.商品分类-在对话框的close事件中重置表单数据
  • 15.商品分类-完成添加分类的操作
  • 16.分支操作-将goods_cate分支上的代码提交到Git仓库中
  • 17.分支操作-创建goods_params分支
4-10 分类参数
  • 18.分类参数-介绍分类参数功能的作用
  • 19.分类参数-通过路由加载分类参数组件页面
  • 20.分类参数-渲染分类参数页面的基本UI结构
  • 21.分类参数-调用API获取商品分类列表数据
  • 22.分类参数-渲染商品分类的级联选择框
  • 23.分类参数-控制级联选择框的选中范围
  • 24.分类参数-渲染分类参数的Tabs页签
  • 25.分类参数-渲染添加参数按钮并控制按钮的禁用状态
  • 26.分类参数-获取参数列表数据
  • 27.分类参数-切换Tabs面板后重新获取参数列表数据
  • 28.分类参数-将获取到的参数数据挂载到不同的数据源上
  • 29.分类参数-渲染动态参数和静态属性的Table表格
  • 30.添加参数-渲染添加参数的对话框
  • 31.添加参数-完成动态参数和静态属性的添加操作
  • 32.修改参数-渲染修改参数的对话框
  • 33.修改参数-完成修改参数的操作
  • 34.删除参数-完成删除参数的业务逻辑
  • 01.分类参数-渲染参数下的可选项
  • 02.分类参数-解决attr_vals为空字符串时候的小问题
  • 03.分类参数-控制按钮与文本框的切换显示
  • 04.分类参数-为每一行数据提供单独的inputVisible和inputValue
  • 05.分类参数-让文本框自动获得焦点
  • 06.分类参数-实现文本框与按钮的切换显示
  • 07.分类参数-完成参数可选项的添加操作
  • 08.分类参数-删除参数下的可选项
  • 10.分类参数-清空表格数据
  • 11.分类参数-完成静态属性表格中的展开行效果
  • 12.分支操作-将本地goods_params分支的代码提交并推送到码云
  • 13.分支操作-创建goods_list子分支并推送到码云
4-11 商品列表
  • 14.商品列表-通过路由加载商品列表组件
  • 15.商品列表-获取商品列表数据
  • 16.商品列表-渲染商品表格数据
  • 17.商品列表-自定义格式化时间的全局过滤器
  • 18.商品列表-实现商品列表的分页功能
  • 19.商品列表-实现搜索与清空的功能
  • 20.商品列表-根据Id删除商品数据
  • 21.商品列表-通过编程式导航跳转到商品添加页面
4-12 商品添加
  • 22.商品添加-渲染添加页面的基本结构
  • 23.商品添加-美化步骤条组件
  • 24.商品添加-渲染tab栏区域
  • 25.商品添加-实现步骤条和tab栏的数据联动效果
  • 26.商品添加-分析表单的组成部分
  • 27.商品添加-绘制基本信息面板的UI结构
  • 28.商品添加-获取商品分类数据
  • 29.商品添加-绘制商品分类的级联选择器
  • 30.商品添加-只允许选中三级商品分类
  • 31.商品添加-阻止页签切换
  • 32.商品添加-获取动态参数列表数据
  • 33.商品添加-绘制商品参数面板中的复选框组
  • 34.商品添加-优化复选框的样式
  • 35.商品添加-获取静态属性列表数据
  • 36.商品添加-渲染商品属性面板的UI结构
  • 01.商品添加-初步使用upload上传组件
  • 02.商品添加-手动为upload组件绑定headers请求头
  • 03.商品添加-监听upload组件的on-success事件
  • 04.商品添加-监听upload组件的on-remove事件
  • 05.商品添加-实现图片的预览效果
  • 06.商品添加-安装并配置vue-quill-editor
  • 07.商品添加-实现表单数据的预验证
  • 08.商品添加-把goods_cat从数组转换为字符串
  • 09.商品添加-处理attrs数组
  • 10.商品添加-完成商品添加操作
  • 11.分支操作-将goods_list分支的代码合并且推送到码云
  • 12.分支操作-创建order子分支
4-13 订单列表
  • 13.订单列表-通过路由渲染订单列表页面
  • 14.订单列表-根据分页获取订单数据列表
  • 15订单列表-渲染订单table表格
  • 16.订单列表-实现分页功能
  • 17.订单列表-实现省市区县数据联动效果
  • 18.订单列表-展示物流进度对话框并获取物流信息
  • 【补充视频】-关于第19个视频的时间线组件说明
  • 19.订单列表-手动导入并使用Timeline组件
  • 20.分支操作-将本地order分支的代码合并且推送到码云
  • 21.分支操作-创建report子分支
4-14 Echarts数据统计
  • 22.数据统计-通过路由加载数据报表组件
  • 23.数据统计-安装Echarts并渲染Demo图表
  • 24.数据统计-获取折线图数据并渲染图表
  • 25.分支操作-将本地的report分支合并且推送到码云
4-15 项目优化
  • 00.学习目标
  • 01.优化-介绍项目优化的策略
  • 02.优化-通过nprogress添加进度条效果
  • 03.优化-解决serve命令中提示的ESLint语法错误
  • 04.优化-在执行build命令期间移除所有的console
  • 05.优化-只在发布阶段移除所有的console
  • 06.优化-生成打包报告
  • 07.优化-通过vue.config.js修改webpack的默认配置
  • 08.优化-介绍configureWebpack与chainWebpack
  • 09.优化-通过chainWebpack自定义打包入口
  • 10.优化-通过externals加载外部CDN资源
  • 11.优化-演示externals的效果
  • 12.优化-通过CDN优化ElementUI的打包
  • 13.优化-自定制首页内容
  • 14.优化-实现路由懒加载
4-16 项目部署上线
  • 15.上线-通过node创建web服务器
  • 【补充内容】解决打包之后角色列表数据不显示的Bug
  • 16.上线-开启文件的Gzip网络传输压缩
  • 17.上线-配置HTTPS服务
  • 18.上线-使用pm2管理应用
第五章 Vuex【v6.5】
5-1 Vuex基础
  • 00.学习目标
  • 01.vuex基础-vuex概述
  • 02.vuex基础-vuex的基本使用
  • 03.vuex基础-初始化计数器项目的基本结构
  • 04.vuex基础-定义并访问全局共享的数据
  • 05.vuex基础-组件访问state中数据的第二种方式
  • 06.vuex基础-学习mutation的基本使用
  • 07.vuex基础-在触发mutation的时候携带参数
  • 08.vuex基础-触发mutation的第二种方式
  • 09.vuex基础-action的基本使用
  • 10.vuex基础-在触发action的时候携带参数
  • 11.vuex基础-触发action的第二种方式
  • 12.vuex基础-介绍getter的使用
5-2 基于Vuex的todos案例
  • 13.vuex案例-新建项目并初始化基本结构
  • 14.vuex案例-动态加载任务列表数据
  • 15.vuex案例-实现文本框与store数据的双向同步
  • 16.vuex案例-完成添加事项的操作
  • 17.vuex案例-完成删除任务事项的操作
  • 18.vuex案例-动态绑定复选框的选中状态
  • 19.vuex案例-修改任务事项的完成状态
  • 20.vuex案例-使用getters统计未完成的任务条数
  • 21.vuex案例-清除已完成的任务
  • 22.vuex案例-动态切换按钮的高亮效果
  • 23.vuex案例-实现列表数据的动态切换

阶段六 微信小程序【拓展课程】

展开
第一章 微信小程序基础【v6.5】
1-1 微信小程序介绍
  • 00.学习目标
  • 01.微信开发的概念
  • 02.了解微信开放平台
  • 03.了解微信公众平台
  • 04.开放平台和公众平台的区别
  • 05.认识小程序
  • 06.介绍小程序中的组件
  • 07.介绍小程序中的API
  • 08.总结组件和API的异同点
1-2 微信小程序配置
  • 09.注册小程序开发者账号
  • 10.小程序账号的基本信息设置
  • 11.小程序账号的开发设置
  • 12.小程序账号的成员管理
  • 13.下载并安装微信开发者工具
  • 14.新建小程序项目
  • 15.预览小程序
  • 16.开发者工具主界面功能介绍
  • 17.介绍小程序项目的结构
  • 18.介绍小程序页面的组成部分
1-3 微信小程序基础知识
  • 19.新建小程序页面
  • 20.修改小程序项目的默认首页
  • 21.介绍text文本组件的用法
  • 22.介绍view视图容器组件的用法
  • 23.介绍button按钮组件的用法
  • 24.介绍input文本输入框组件的用法
  • 25.介绍image图片组件的用法
  • 26.介绍wxss的概念
  • 27.演示wxss中常用的样式选择器
  • 28.什么是rpx尺寸单位
  • 29.rpx与px之间的换算
  • 30.rpx和iPhone6设计稿的关系
  • 31.案例-使用rpx绘制占屏幕宽度一半的盒子
  • 32.@import样式导入
  • 33.全局样式和局部样式
1-4 微信小程序基本应用
  • 00.学习目标
  • 01.介绍app.json配置文件的作用
  • 02.pages数组的用法
  • 03.小程序窗口的组成部分以及window节点常用的配置项
  • 04.设置导航栏标题文字内容
  • 05.设置导航栏背景色
  • 06.设置导航栏标题颜色
  • 07.全局开启下拉刷新功能
  • 08.设置下拉刷新窗口的背景色
  • 09.设置下拉loading的样式
  • 10.设置上拉触底的距离
  • 11.介绍什么是小程序中的tabBar
  • 12.tabBar的组成部分
  • 13.介绍tabBar节点的配置项
  • 14.案例-配置tabBar
  • 15.使用页面级别的配置文件
1-5 微信小程序生命周期
  • 16.介绍小程序中生命周期的概念
  • 17.介绍小程序中生命周期函数的概念
  • 18.了解应用生命周期函数
  • 19.了解页面生命周期函数
1-6 微信小程序高级应用
  • 20.在data节点中定义页面的数据
  • 21.介绍Mustache语法使用
  • 22.bindtap绑定触摸事件
  • 23.bindinput绑定文本框的输入事件
  • 24.实现文本框与data中数据之间的数据同步
  • 25.事件传参
  • 26.wxs的概念以及注意点
  • 27.wxs遵循了CommonJS模块化规范
  • 28.wxs的基础语法
  • 29.内嵌wxs脚本
  • 30.外联wxs脚本
  • 31.在wxs中不要使用高级的JS语法
  • 00.学习目标-小程序的结构与配置
  • 01.条件渲染
  • 02.结合block标签控制多个标签的条件渲染
  • 03.通过hidden实现条件渲染
  • 04.两种条件渲染的对比
  • 05.列表渲染
  • 06.手动指定索引和当前项的变量名称
  • 07.结合block标签实现列表渲染
  • 08.key在列表循环中的作用
  • 09.key值的注意点
  • 10.下拉刷新的概念及应用场景
  • 11.启用下拉刷新的两种方式
  • 12.设置下拉刷新窗口的样式
  • 13.监听页面的下拉刷新事件
  • 14.停止下拉刷新的效果
  • 15.上拉加载更多的概念及应用场景
  • 16.配置上拉触底的距离以及监听页面上拉触底的事件
  • 17.案例-通过上拉触底模拟数据的分页加载效果
1-7 微信小程序事件和导航
  • 18.其它页面事件-onPageScroll
  • 19.页面其它事件-onShareAppMessage中Object参数的介绍
  • 20.页面其它事件-onShareAppMessage自定义转发内容
  • 21.页面其它事件-onTabItemTap
  • 22.声明式导航-导航到非tabBar页面
  • 23.声明式导航-导航到tabBar页面
  • 24.声明式导航-后退导航
  • 25.编程式导航-导航到非tabBar页面
  • 26.编程式导航-导航到tabBar页面
  • 27.编程式导航-后退导航
  • 28.导航传参-演示如何通过声明式导航和编程式导航传参
  • 29.导航传参-页面接收导航传递过来的参数
  • 30.导航传参-自定义编译模式快速传参
1-8 网络请求
  • 31.网络数据请求-配置服务器域名
  • 32.网络数据请求-跳过域名校验
  • 33.网络数据请求-发起get请求
  • 34.网络数据请求-发起post请求
  • 35.网络数据请求-小程序中没有跨域限制
1-9 微信小程序组件及组件之间的通讯
  • 00.学习目标
  • 01.组件的创建与引用-创建组件
  • 02.组件的创建与引用-引用组件
  • 03.组件的创建与引用-使用样式美化组件
  • 04.组件的data与methods-使用data定义组件的私有数据
  • 05.组件的data与methods-使用methods定义组件的事件处理函数
  • 06.组件的properties-properties的作用以及声明properties的两种方式
  • 07.组件的properties-为组建传递properties的值
  • 08.组件的properties-在组件内修改properties的值
  • 09.数据监听器-数据监听器的基本用法
  • 10.数据监听器-监听子数据的变化
  • 11.组件的生命周期-介绍组件中三个主要的生命周期函数
  • 12.组件的生命周期-定义组件的生命周期函数
  • 13.组件的生命周期-组件所在页面的生命周期
  • 14.插槽-默认插槽
  • 15.插槽-多个插槽
  • 16.组件间的通信-selectComponent函数
  • 17.组件间的通信-通过事件监听实现子向父传值
第二章 WePY框架【v6.5】
2-1 WePY框架介绍和运用
  • 【补充说明】-wepy安装说明
  • 18.WePY框架-介绍并安装WePY框架
  • 19.WePY框架-初始化WePY项目
  • 20.WePY框架-WePY项目与小程序项目的关系
  • 21.WePY框架-实时编译WePY项目
  • 22.WePY框架-介绍WePY项目的主要目录结构
  • 23.WePY框架-加载WePY项目到微信开发者工具
  • 24.WePY框架-解决ESLint语法报错的问题
  • 25.WePY框架-介绍.wpy文件的组成部分
  • 26.WePY框架-介绍.wpy中的lang和src属性
  • 27.WePY框架-在VS Code中配置.wpy文件的语法高亮
  • 28.WePY框架-介绍小程序入口文件app.wpy
  • 29.WePY框架-使用app.wpy全局配置小程序的外观
  • 30.WePY框架-页面.wpy文件中script标签的组成结构
  • 31.WePY框架开发规范-自定义默认首页
  • 32.WePY框架开发规范-使用@绑定事件处理函数
  • 33.WePY框架开发规范-事件传参的优化写法
  • 34.WePY框架开发规范-定义事件处理函数的注意点
  • 35.WePY框架开发规范-将文本框数据与data做双向数据绑定
  • 36.WePY框架开发规范-使用wxs脚本
  • 37.WePY框架开发规范-配置promisify启用async和await
  • 38.WePY框架开发规范-使用wepy.request发起Get请求
  • 39.WePY框架开发规范-使用wepy.request发起post请求
  • 40.WePY框架开发规范-异步更新数据
第三章 黑马优购商城项目【v6.5】
3-1 项目介绍及初始化
  • 01.项目介绍
  • 【补充说明】-wepy初始化项目前提说明
  • 02.初始化项目-通过wepy初始化小程序项目
  • 03.初始化项目-梳理项目结构
  • 04.初始化项目-创建tabBar对应的5个页面
  • 05.初始化项目-配置tabBar节点
  • 06.初始化项目-配置导航栏相关的样式
3-2 首页
  • 07.首页-为异步API启用Promise功能
  • 08.首页-获取轮播图的数据
  • 09.首页-使用wepy.showToast进行弹框提示
  • 10.首页-初步渲染轮播图效果
  • 11.首页-点击轮播图实现页面跳转功能
  • 12.首页-美化轮播图中图片的显示效果
  • 13.首页-获取首页分类选项数据
  • 14.首页-初步渲染分类数据项对应的UI结构
  • 15.首页-美化分类数据项的UI显示效果
  • 16.优化-把页面的业务逻辑抽离到单独的mixin文件中
  • 17.优化-封装baseToast函数提示错误消息
  • 18.优化-封装wepy.get函数发起get请求
  • 19.优化-封装wepy.post函数发起post请求
  • 20.首页-获取楼层相关的数据
  • 21.首页-渲染楼层标题
  • 22.首页-渲染楼层图片列表
  • 23.首页-点击楼层图片跳转到商品列表页面
3-3 分类页
  • 24.分类-自定义编译模式
  • 25.分类-获取分类数据列表
  • 26.分类-下载并安装vant小程序UI组件库
  • 27.分类-将vant中需要的组件注册为全局组件
  • 28.分类-渲染左侧的一级分类列表结构
  • 29.分类-使用scroll-view优化左侧分类的滚动效果
  • 30.分类-动态获取窗口的可用高度
  • 31.分类-根据一级分类的变化动态切换二级分类数据
  • 32.分类-渲染二级分类
  • 33.分类-渲染三级分类
  • 34.分类-点击三级分类跳转到商品列表页面
3-4 wepy框架中的拦截器
  • 01.拦截器-介绍wepy框架中的拦截器
  • 02.拦截器-实现数据加载期间的loading效果
3-5 搜索功能
  • 03.搜索-演示搜索功能并自定义编译模式
  • 04.搜索-全局注册搜索组件并渲染到页面中
  • 05.搜索-根据关键字的变化动态获取搜索建议列表数据
  • 06.搜索-解决搜索关键字为空时候的小Bug
  • 07.搜索-通过Cell单元格组件渲染搜索建议列表的UI结构
  • 08.搜索-点击搜索建议项导航到商品详情页
  • 09.搜索-触发搜索事件后导航到商品列表页面
  • 10.搜索-介绍历史搜索相关的功能
  • 11.搜索-页面加载期间读取搜索关键词列表
  • 12.搜索-将关键词存储到Storage中
  • 13.搜索-定义计算属性来决定是否展示历史搜索区域
  • 14.搜索-绘制历史搜索头部区域的UI结构
  • 15.搜索-渲染历史搜索列表的UI结构
3-6 商品列表
  • 16.商品列表-自定义编译模式并配置页面标题
  • 17.商品列表-处理请求参数
  • 18.商品列表-获取商品列表数据
  • 19.商品列表-循环渲染商品列表的UI结构
  • 20.商品列表-初步实现上拉加载更多的操作
  • 21.商品列表-通过公式判断列表数据是否全部加载完毕了
  • 22.商品列表-通过isover控制数据加载完毕后的提示消息
  • 23.商品列表-通过isloading防止重复发起数据请求
  • 24.商品列表-下拉刷新
  • 25.商品列表-通过callback回调函数优化关闭下拉刷新的行为
  • 26.商品列表-点击商品列表Item项导航到商品详情页
3-7 商品详情
  • 01.商品详情页-功能演示以及自定义编译模式
  • 02.商品详情页-获取商品详情数据
  • 03.商品详情页-渲染轮播图
  • 04.商品详情页-绘制价格名称运费区域
  • 05.商品详情页-绘制促销已选区域
  • 06.商品详情页-绘制收货地址区域
  • 07.商品详情页-注册并使用tab标签页组件
  • 08.商品详情页-渲染规格参数面板的UI结构
  • 09.商品详情页-渲染图文详情面板
  • 10.商品详情页-实现图片预览效果
  • 11.商品详情页-选择收货地址
  • 12.商品详情页-通过计算属性动态渲染收货地址
  • 13.商品详情页-全局注册并使用商品导航组件
  • 14.商品详情页-客服功能
3-8 加入购物车功能
  • 15.加入购物车-为加入购物车按钮绑定单击事件处理函数
  • 16.加入购物车-在app.wpy中定义全局共享的数据和方法
  • 17.加入购物车-把商品详情直接存储到购物车中
  • 18.加入购物车-优化商品对象存储到购物车中的过程
  • 19.加入购物车-防止商品重复添加
  • 20.加入购物车-持久化存储购物车数据
  • 21.加入购物车-自定义编译模式并美化空白购物车的页面结构
3-9 购物车功能实现
  • 01.购物车-实现空白购物车和非空购物车的按需展示
  • 02.购物车-渲染购物车列表标题
  • 03.购物车-循环渲染基本的商品列表结构
  • 04.购物车-通过插槽自定义渲染商品的价格和数量
  • 05.购物车-美化商品价格和数量区域
  • 06.购物车-数量改变时获取最新的数量值和当前商品的Id
  • 07.购物车-完成商品数量的更新操作
  • 08.购物车-在商品之间渲染分割线
  • 09.购物车-通过thumb插槽渲染复选框和缩略图
  • 10.购物车-美化复选框和缩略图的样式
  • 11.购物车-监听复选框状态变化的事件
  • 12.购物车-修改商品的选中状态
  • 13.购物车-初步实现滑动删除的UI效果
  • 14.购物车-美化滑动单元格右侧的删除按钮
  • 15.购物车-根据Id从购物车列表中删除对应的商品
  • 16.购物车-渲染提交订单区域的UI结构
  • 17.购物车-通过计算属性动态计算勾选商品的总价格
  • 18.购物车-通过计算属性判断全选的状态
  • 19.购物车-点击全选更新所有商品的选中状态
  • 20.购物车-为TabBar中的购物车添加数字徽章
  • 21.购物车-动态计算徽章的值
  • 22.购物车-解决数字徽章设置失败的小Bug
  • 23.购物车-每次修改购物车都重新计算数字徽章的值
  • 24.购物车-为商品详情页的购物车图标添加数字徽章
  • 25.购物车-提交订单
3-10 确认订单
  • 01.确认订单-新增编译模式并修改页面标题
  • 02.确认订单-渲染选择收货地址区域的UI结构
  • 03.确认订单-选择收货地址
  • 04.确认订单-在订单页面加载期间读取收货地址
  • 05.确认订单-通过计算属性控制收货地址按钮和收货人信息区域的按需显示
  • 06.确认订单-渲染并美化收货信息区域
  • 07.确认订单-点击联系电话区域可以重新选择收货地址
  • 08.确认订单-渲染订单商品列表
  • 09.确认订单-渲染登录后下单的按钮
3-11 订单支付
  • 10.订单支付-介绍登录和订单相关功能的注意点
  • 11.订单支付-准备登录相关的参数 - 获取用户信息
  • 12.订单支付-准备登录相关的参数 - 获取用户登录凭证
  • 13.订单支付-实现登录功能并得到登录成功后的Token值
  • 14.订单支付-按需渲染订单支付区域
  • 15.订单支付-通过拦截器为header请求头添加Authorization字段
  • 16.订单支付-判断订单金额和收货地址是否为空
  • 17.订单支付-创建订单
  • 18.订单支付-生成预支付订单
  • 19.订单支付-调用微信支付的API
  • 20.订单支付-支付成功
  • 21.订单支付-梳理 登录-下单-支付 的业务流程
3-12 订单列表
  • 22.订单列表-创建订单列表的编译模式
  • 23.订单列表-渲染标签页
  • 24.订单列表-获取订单列表数据
  • 25.订单列表-通过Panel面板渲染订单信息
  • 26.订单列表-渲染每个订单中的商品卡片
  • 27.订单列表-把订单Item项的UI结构封装为自定义组件
  • 28.订单列表-通过repeat循环创建自定义组件
  • 29.订单列表-渲染待付款和已付款的订单列表
3-13 小程序发布
  • 30.发布小程序
第四章 颜值大师项目【v6.5】
4-1 微信小程序颜值大师项目
  • 00.学习目标
  • 01.演示案例效果
  • 02.创建测颜值的小程序项目
  • 03.了解camera组件的基本使用
  • 04.动态设置camera组件的高度
  • 05.隐藏navigation导航条区域
  • 06.在camera组件之上渲染操作按钮
  • 07.介绍cover-view和cover-image的作用
  • 08.动态切换摄像头的朝向
  • 09.实现拍照功能
  • 10.从相册选取照片
  • 11.将选择的照片显示到屏幕上
  • 12.实现重选照片的功能
  • 13.定义测颜值的函数并调用
  • 14.申请百度AI平台账号
  • 15.了解百度人工智能API的鉴权机制
  • 16.在app.js中实现鉴权认证
  • 17.将用户选择的图片转码为base64格式的字符串
  • 18.发起请求检测颜值数据
  • 19.渲染颜值数据对应的页面结构
  • 20.把英文信息映射为中文信息
  • 21.优化用户体验并完成项目开发

阶段七 React项目实战【拓展课程】

展开
第一章 React基础【v6.5】
1-1 React基本使用
  • 00.学习目标
  • 01-react基础目标
  • 02-react概述
  • 03-react的基本使用
  • 04-react的基本使用(常用方法说明)
  • 05-react脚手架的基本使用
  • 06-react脚手架的基本使用(细节补充说明)知道即可
  • 07-react脚手架中使用react
  • 08-react基础阶段总结
1-2 JSX语法
  • 09-JSX的学习目标
  • 10-JSX的基本使用
  • 11-为什么脚手架中可以使用JSX语法
  • 12-JSX的注意点
  • 13-在JSX中使用JavaScript表达式
  • 14-JSX中使用JavaScript表达式的注意点
  • 15-JSX的条件渲染
  • 16-JSX的列表渲染
  • 17-JSX的样式处理
  • 18-JSX阶段总结
1-3 React组件基础
  • 19-React组件基础学习目标
  • 20-React组件介绍
  • 21-组件的两种创建方式(1函数组件)
  • 22-组件的两种创建方式(2类组件)
  • 23-组件的两种创建方式(3抽离为独立js文件)
  • 24-React事件处理(1事件绑定)
  • 25-React事件处理(2事件对象)
  • 26-有状态组件和无状态组件
  • 27-state的基本使用
  • 28-组件中的state和setState()(1setState()修改状态)
  • 29-组件中的state和setState()(2从JSX中抽离事件处理程序)
  • 30-事件绑定this指向(1箭头函数)
  • 31-事件绑定this指向(2bind)
  • 32-事件绑定this指向(3class的实例方法)
  • 33-事件绑定this指向-总结
  • 34-表单处理(1受控组件概念)
  • 35-表单处理(2受控组件使用步骤)
  • 36-表单处理(3受控组件的示例)
  • 37-表单处理(4多表单元素优化)
  • 38-表单处理(5非受控组件)
  • 39-React组件基础总结
  • 40-React组件基础综合案例(1案例需求分析)
  • 41-React组件基础综合案例(2渲染评论列表)
  • 42-React组件基础综合案例(3渲染暂无评论并优化代码)
  • 43-React组件基础综合案例(4获取评论信息)
  • 44-React组件基础综合案例(5发表评论-1)
  • 45-React组件基础综合案例(6发表评论-2边界情况处理)
1-4 React组件进阶
  • 46-React组件进阶学习目标
  • 47-组件通讯介绍
  • 48-组件的props(1基本使用)
  • 49-组件的props(2特点)
  • 50-组件通讯的三种方式(1父组件传递数据给子组件)
  • 51-组件通讯的三种方式(2子组件传递数据给父组件)
  • 52-组件通讯的三种方式(3兄弟组件通讯)
  • 53-Context的基本使用
  • 54-props深入(1children属性)
  • 55-props深入(2props校验)
  • 56-props深入(3props校验-约束规则)
  • 57-props深入(4props的默认值)
  • 58-组件的生命周期(1概述)
  • 59-组件的生命周期三个阶段(1创建时)
  • 60-组件的生命周期三个阶段(2更新时-1触发时机)
  • 61-组件的生命周期三个阶段(2更新时-2钩子函数说明)
  • 62-组件的生命周期三个阶段(3卸载时)
  • 63-组件的生命周期三个阶段(4不常用钩子函数介绍)
  • 64-render props和高阶组件概述
  • 65-render props模式(1思路分析)
  • 66-render props模式(2使用步骤)
  • 67-render props模式(3演示Mouse组件的复用)
  • 68-render props模式(4children代替render属性)
  • 69-render props模式(5代码优化)
  • 70-高阶组件(1介绍)
  • 71-高阶组件(2使用步骤)
  • 72-高阶组件(3设置displayName)
  • 73-高阶组件(4传递props)
  • 74-React组件进阶总结
1-5 React原理及优化
  • 75-React原理揭秘学习目标
  • 76-setState()方法的说明(1更新数据)
  • 77-setState()方法的说明(2推荐语法)
  • 78-setState()方法的说明(3第二个参数)
  • 79-JSX语法的转化过程
  • 80-组件更新机制
  • 81-组件性能优化(1减轻state)
  • 82-组件性能优化(2避免不必要的重新渲染1)
  • 83-组件性能优化(2避免不必要的重新渲染-随机数案例)
  • 84-组件性能优化(2避免不必要的重新渲染-随机数案例2)
  • 85-组件性能优化(3纯组件-基本使用)
  • 86-组件性能优化(3纯组件-shallow compare)
  • 87-虚拟DOM和Diff算法
  • 88-虚拟DOM和Diff算法(代码演示)
  • 89-React原理揭秘总结
1-6 React路由
  • 90-React路由基础学习目标
  • 91-React路由介绍
  • 92-路由的基本使用
  • 93-路由的基本使用(常用组件说明)
  • 94-路由的执行过程
  • 95-编程式导航
  • 96-默认路由
  • 97-匹配模式(1模糊匹配模式)
  • 98-匹配模式(2精确匹配)
  • 99-React路由基础总结
第二章 好客租房项目【v6.5】
2-1 项目介绍和初始化
  • 01-好客租房移动Web(上)学习目标
  • 02-项目介绍
  • 03-本地接口部署
  • 04-初始化项目
  • 05-组件库antd-mobile的介绍和使用
  • 06-配置基础路由
  • 07-外观和样式调整
  • 08-两种布局页面
  • 09-嵌套路由_20190822_083951
2-2 项目首页布局+功能实现
  • 10-实现TabBar(1基本使用)
  • 11-实现TabBar(2修改TabBar外观样式)
  • 12-实现TabBar(3TabBar配合路由使用)
  • 13-实现TabBar(4TabBar.Item代码重构)
  • 14-首页模块(首页路由处理)
  • 15-轮播图组件的基本使用
  • 16-获取轮播图数据
  • 17-导航菜单
  • 18-导航菜单(代码重构)
  • 19-轮播图Bug分析和修复
  • 20-TabBar菜单高亮Bug分析和修复
  • 21-在脚手架中使用sass
  • 22-租房小组的业务介绍和数据获取
  • 23-租房小组结构样式
  • 24-租房小组数据渲染
  • 25-最新资讯(作为练习)及解决TabBar遮挡Bug
  • 26-顶部导航
2-3 百度地图API使用
  • 27-H5中的地理位置API
  • 28-百度地图API(1介绍)
  • 29-百度地图API(2申请百度账号和秘钥)
  • 30-百度地图API(3使用步骤)
  • 31-百度地图API(4获取顶部导航城市信息)
2-4 城市选择和渲染
  • 32-城市选择模块功能分析
  • 33-城市选择模块(顶部导航栏)
  • 34-获取并处理城市列表数据
  • 35-获取并处理城市列表数据(1数据格式分析和转化)
  • 36-获取并处理城市列表数据(2热门城市数据)
  • 37-封装获取当前定位城市的函数
  • 38-获取并处理城市列表数据(3添加当前定位数据)
  • 39-长列表性能优化(1概述)
  • 40-长列表性能优化(2懒渲染说明)
  • 41-长列表性能优化(3可视区域渲染)
  • 42-react-virtualized(1概述)
  • 43-react-virtualized(2基本使用)
  • 44-渲染城市列表(让List组件占满屏幕)
  • 45-渲染城市列表
  • 46-渲染城市列表(展示城市索引)
  • 47-渲染城市列表(展示索引下的城市以及动态计算每一行的高度)
  • 48-渲染右侧索引列表
  • 49-渲染右侧索引列表(2滚动城市列表让对应索引高亮)
  • 50-渲染右侧索引列表(3点击索引指定该索引城市)
  • 51-切换城市
  • 52-好客租房移动Web(上)-总结
2-5 顶部导航组件封装
  • 53-好客租房移动Web(中)学习目标
  • 54-地图找房模块功能分析
  • 55-封装顶部导航栏组件(1顶部导航)
  • 56-封装顶部导航栏组件(2样式调整)
  • 57-封装顶部导航栏组件(3功能处理withRouter)
  • 58-封装顶部导航栏组件(4添加props校验)
  • 59-在城市选择页面使用NavHeader组件
  • 60-组件间样式覆盖问题的说明
2-6 CSS Modules
  • 61-CSS-IN-JS的说明
  • 62-CSS Modules的说明
  • 63-CSS Modules在项目中的使用
  • 64-CSS Modules的应用
2-7 地图找房功能实现
  • 65-地图找房页面顶部导航栏样式处理
  • 66-根据定位展示当前城市
  • 67-创建文本覆盖物
  • 68-绘制房源覆盖物
  • 69-地图找房功能分析
  • 70-渲染所有区的覆盖物
  • 71-地图找房功能的封装流程
  • 72-地图找房功能renderOverlays
  • 73-地图找房功能createOverlays
  • 74-地图找房功能createCircle
  • 75-地图找房功能createRect(绘制小区覆盖物)
  • 76-获取并展示小区房源数据
  • 77-获取并展示小区房源数据(优化)
  • 78-createRect方法封装完成
  • 79-添加loading优化体验
  • 80-axios优化和环境变量
  • 81-使用环境变量(修改图片地址)
  • 82-axios优化(手动创建axios实例)
  • 83-列表找房模块功能分析
  • 84-封装首页搜索导航栏
  • 85-实现找房页面搜索导航栏(结构和样式)
  • 86-找房页面返回按钮事件和修改首页搜索导航组件
2-8 FilterTitle、FilterPicker、FilterMore组件实现
  • 87-条件筛选栏组件结构分析
  • 88-条件筛选栏组件的功能分析
  • 89-FilterTitle组件实现思路分析
  • 90-FilterTitle组件实现(1高亮逻辑)
  • 91-FilterTitle组件实现(2点击菜单高亮)
  • 92-FilterPicker组件实现思路分析
  • 93-FilterPicker组件(1控制展示和隐藏)
  • 94-FilterPicker组件(2获取当前筛选条件的数据-1)
  • 95-FilterPicker组件(3获取当前筛选条件的数据-完成)
  • 96-FilterPicker组件(4获取选中值)
  • 97-FilterPicker组件(5设置默认选中值)
  • 98-FilterPicker组件(6解决设置默认选中值的bug)
  • 99-完善FilterTitle高亮功能(1实现思路)
  • 100-完善FilterTitle高亮功能(2实现步骤)
  • 101-FilterMore组件(1渲染组件数据)
  • 102-FilterMore组件(2获取选中值以及设置高亮)
  • 103-FilterMore组件(3清除和确定按钮的逻辑处理)
  • 104-FilterMore组件(4设置默认选中值)
  • 105-完成FilterTitle高亮功能
2-9 房源筛选及房屋详情功能
  • 106-根据筛选条件获取房屋列表数据(组装筛选条件)
  • 107-获取房屋列表数据
  • 108-进入页面时获取数据
  • 109-使用List组件渲染数据
  • 110-使用WindowScroller让List跟随页面滚动
  • 111-InfiniteLoader组件的说明和基本使用
  • 112-加载更多房屋列表数据
  • 113-条件筛选栏吸顶功能(1实现思路)
  • 114-条件筛选栏吸顶功能(2实现步骤1)
  • 115-条件筛选栏吸顶功能(2实现步骤2)
  • 116-条件筛选栏吸顶功能(3通用性优化以及组件封装原则)
  • 117-列表找房功能优化-找Bug模式(1加载提示)
  • 118-列表找房功能优化-找Bug模式(2条件筛选栏优化)
  • 119-列表找房功能优化-找Bug模式(3切换城市显示房源)
  • 120-react-spring动画库概述
  • 121-react-spring动画库的基本使用
  • 122-实现遮罩层动画
  • 123-房屋详情模块功能分析
  • 124-房屋详情模块功页面模板说明
  • 125-路由参数的说明和基本使用
  • 126-展示房屋详情(1)
  • 127-展示房屋详情(2完成)
  • 128-好客租房移动Web(中)总结
2-10 用户登录功能实现
  • 129-好客租房移动Web(下)学习目标
  • 130-登录模块功能分析
  • 131-用户登录(1分析页面结构和样式)
  • 132-用户登录(2登录功能1)
  • 133-用户登录(2登录功能完成)
  • 134-用户登录(3表单校验说明)
  • 135-formik介绍
  • 136-使用formik重构登录功能
  • 137-两种表单验证方式
  • 138-给登录功能添加表单验证
  • 139-简化表单处理
  • 140-我的页面(1页面结构和样式)
  • 141-我的页面(2功能分析)
  • 142-我的页面(3功能实现)
  • 143-我的页面(4退出功能)
  • 144-登录访问控制(1概述)
  • 145-登录访问控制(2使用axios拦截器统一处理token)
  • 146-登录访问控制(3分析AuthRoute鉴权路由组件)
  • 147-登录访问控制(4封装AuthRoute鉴权路由组件)
  • 148-登录访问控制(5修改登录成功跳转)
2-11 房源收藏功能实现
  • 149-我的收藏模块功能分析
  • 150-检查房源是否收藏
  • 151-收藏房源(1)
  • 152-收藏房源(2)
2-12 发布房源和搜索房源功能实现
  • 153-房源发布模块(功能演示和介绍)
  • 154-发布房源模块-模板改动说明
  • 155-配置三个页面的路由规则
  • 156-关键词搜索小区信息(1实现思路)
  • 157-关键词搜索小区信息(2实现步骤)
  • 158-关键词搜索小区信息(3传递小区信息给发布房源页面)
  • 159-发布房源(1页面结构分析)
  • 160-发布房源(2获取房源数据)
  • 161-发布房源(3获取房屋配置数据)
  • 162-发布房源(4房屋图片上传分析)
  • 163-发布房源(5获取房屋图片)
  • 164-发布房源(6上传房屋图片)
  • 165-发布房源(7完成)
2-13 项目打包及项目优化
  • 166-项目打包
  • 167-修改脚手架配置说明
  • 168-项目优化(1antd-mobile按需加载)
  • 169-项目优化(2基于路由的代码分割)
  • 170-项目优化(3其他优化和说明)
  • 171-好客租房移动Web(下)总结
第三章 Angular5【赠送课程】
3-1 Angular介绍 免费试学
  • 00-介绍
  • 01-安装Angular-CLI脚手架工具
  • 02-使用AngularCLI初始化Angular项目
  • 03-一个Angular应用是如何启动的
3-2 TypeScript介绍和使用
  • 04-核心特性-组件
  • 05-核心特性-其它
  • 06-TypeScript介绍-01
  • 07-TypeScript介绍-02
  • 08-搭建TypeScript开发环境
  • 09-TypeScript数据类型
  • 10-TypeScript-解构赋值
  • 11-TypeScript-剩余参数-数组对象展开操作符
  • 12-TypeScript-类的基本用法
  • 13-TypeScript-类的继承
  • 14-TypeScript-类成员访问修饰符
  • 15-TypeScript-属性的get和set
  • 16-TypeScript-类的静态成员和实例成员
  • 17-TypeScript-函数
  • 18-TypeScript-for-of循环
  • 19-TypeScript-模块
  • 20-TypeScript总结
  • 21-组件介绍
3-3 ToDoMVC案例
  • 22-TodoMVC-案例介绍
  • 23-TodoMVC-下载预览模板
  • 24-TodoMVC-项目初始化
  • 25-TodoMVC-需求介绍
  • 26-TodoMVC-列表渲染(有数据的处理)
  • 27-TodoMVC-列表渲染(无数据条件判断)
  • 28-TodoMVC-添加任务
  • 29-TodoMVC-利用双向绑定显示任务完成状态
  • 30-TodoMVC-处理任务项的样式
  • 31-TodoMVC-切换所有任务项的完成状态
  • 32-TodoMVC-删除单个任务项
  • 33-TodoMVC-双击任务项进入编辑状态
  • 34-TodoMVC-编辑任务
  • 35-TodoMVC-显示所有未完成任务数
  • 36-TodoMVC-清除所有已完成任务项
  • 37-TodoMVC-数据过滤第一步
  • 38-TodoMVC-数据过滤完成
  • 39-TodoMVC-页面刷新保持数据过滤状态
  • 40-TodoMVC-数据持久化到本地存储
3-4 Angular5通讯录项目
  • 41-通讯录案例介绍
  • 42-通讯录-项目初始化
  • 43-通讯录-初始化案例中的组件
  • 44-通讯录-导入登陆和注册的组件模板
  • 45-通讯录-导入顶部导航栏-侧边栏组件模板
  • 46-通讯录-导入路由
  • 47-通讯录-嵌套路由
  • 48-通讯录-表单提交-双向绑定
  • 49-通讯录-表单提交-表单验证
  • 50-通讯录-接口说明
  • 51-通讯录-开启http服务
  • 52-通讯录-注册成功跳转到首页
  • 53-通讯录-使用路由守卫拦截保护访问权限
  • 54-通讯录-用户登陆
  • 55-通讯录-登陆成功显示当前登陆用户名
  • 56-通讯录-用户退出
  • 57-通讯录-HTTP拦截器
  • 58-通讯录-联系人列表
  • 59-通讯录-添加联系人
  • 60-通讯录-删除联系人
  • 61-通讯录-编辑联系人第一步
  • 62-通讯录-完成编辑联系人
  • 63-通讯录-简单总结

阶段八 就业指导

展开
第一章 前端-就业指导技巧
1-1 课程介绍
  • 01-就业指导课介绍
1-2 简历内容篇
  • 02-简历核心组成部分以及标题讲解
  • 03-简历书写-个人信息
  • 04-简历书写-求职意向
  • 05-简历书写-专业技能
  • 06-简历书写-工作经历
  • 07-简历书写-项目经验
  • 08-简历书写-教育经历&自我评价
1-3 求职内容篇
  • 09-求职篇-招聘流程
  • 10-求职篇-简历相关
  • 11-求职篇-面试相关
1-4 面试内容篇
  • 12-面试篇-注意事项
1-5 工作内容篇
  • 13-工作篇
1-6 市场行情篇
  • 14-市场篇
1-7 人事内容篇
  • 15-人事篇
1-8 就业心理篇
  • 16-就业心理篇