课程试听
正在播放

阶段一 前端开发基础

展开
第一章 HTML
1-1 HTML初识
  • 基础课程介绍
  • 第一天课程介绍
  • 标签语法
  • HTML的基本骨架
  • 标签的关系
  • 注释
1-2 HTML常用标签
  • 标题标签
  • 段落标签
  • 换行和水平线标签
  • 文本格式化标签
  • 图像标签-基本使用
  • 图像标签-属性
1-3 绝对路径+相对路径
  • 路径-相对路径
  • 路径-绝对路径
1-4 HTML其它标签
  • 超链接标签
  • 音频标签
  • 视频标签
  • 综合案例1-个人简介
  • 综合案例2-vue简介
1-5 列表和表格
  • 第二天课程介绍
  • 列表-无序列表
  • 列表-有序列表
  • 列表-定义列表
  • 表格-基本使用
  • 表格结构标签
  • 合并单元格
1-6 表单
  • 表单-input标签
  • 表单-input占位文本
  • 表单-单选框
  • 表单-多文件上传
  • 表单-多选框
  • 表单-下拉菜单
  • 表单-文本域
  • 表单-label标签
  • 表单-按钮
1-7 综合案例
  • div和span标签
  • 字符实体
  • 综合案例1-体育新闻列表
  • 综合案例2-注册信息-个人信息
  • 综合案例2-注册信息-完成
第二章 CSS
2-1 CSS初识和基本选择器
  • 01-第三天课程介绍
  • 02-体验CSS
  • 03-CSS引入方式
  • 04-标签选择器
  • 05-类选择器
  • 06-id选择器
  • 07-通配符选择器
2-2 font字体
  • 08-画盒子
  • 09-字体大小
  • 10-字体粗细
  • 11-字体倾斜
  • 12-行高
  • 13-行高-垂直居中
  • 14-字体族
  • 15-font属性
2-3 文本样式
  • 16-文本缩进
  • 17-文本对齐方式
  • 18-图片对齐方式
  • 19-文本修饰线
  • 20-文字颜色
2-4 调试工具和综合案例
  • 21-调试工具
  • 22-综合案例一-新闻详情
  • 23-综合案例二-CSS简介
2-5 复合选择器
  • 01-第四天课程介绍
  • 02-后代选择器
  • 03-子代选择器
  • 04-并集选择器
  • 05-交集选择器
  • 06-伪类选择器
2-6 CSS三大特性
  • 07-拓展-超链接的伪类
  • 08-CSS特性-继承性
  • 09-CSS特性--层叠性
  • 10-CSS特性-优先级
  • 11-CSS特性-权重叠加计算规则
  • 12-Emmet写法
2-7 CSS背景
  • 13-背景图
  • 14-背景图平铺方式
  • 15-背景图位置
  • 16-背景图缩放
  • 17-背景图固定
  • 18-background属性
2-8 元素显示模式及转换
  • 19-显示模式
  • 20-显示模式转换
2-9 综合案例
  • 21-综合案例一-热词
  • 22-综合案例二-banner效果
2-10 伪类和伪元素
  • 01-第五天课程介绍
  • 02-结构伪类-基本使用
  • 03-结构伪类-公式写法
  • 04-伪元素选择器
  • 05-PxCook用法
2-11 盒模型
  • 06-盒子模型--组成
  • 07-盒子模型--边框线
  • 08-盒子模型-单方向边框线
  • 09-盒子模型-内边距
  • 10-盒子模型-padding多值写法
  • 11-盒子模型-尺寸计算
2-12 外边距合并和塌陷
  • 12-版心居中
  • 13-清除默认样式
  • 14-内容溢出overflow属性
  • 15-外边距合并现象
  • 16-外边距塌陷问题
  • 17-行内元素垂直内外边距
2-13 圆角和盒子阴影
  • 18-圆角-基本使用
  • 19-圆角-特殊场景
  • 20-拓展-盒子阴影
2-14 综合案例【产品卡片和新闻内容】
  • 21-综合案例一-产品卡片
  • 22-综合案例二-整体布局
  • 23-综合案例二-标题区域
  • 24-综合案例二-新闻内容
2-15 浮动
  • 01-第六天课程介绍
  • 02-标准流
  • 03-浮动-基本使用
  • 04-浮动-产品布局
  • 05-浮动-清除浮动场景
2-16 清除浮动
  • 06-清除浮动-额外标签法
  • 07-清除浮动-单伪元素法
  • 08-清除浮动-双伪元素法
  • 09-清除浮动-overflow
  • 10-浮动-总结
2-17 flex布局
  • 11-flex布局-体验
  • 12-flex布局-组成
  • 13-flex布局-主轴对齐方式
  • 14-flex布局-侧轴对齐方式
  • 15-flex布局-修改主轴方向
  • 16-flex布局-弹性伸缩比
  • 17-flex布局-弹性换行
  • 18-flex布局-行对齐方式
2-18 flex综合案例
  • 19-综合案例-整体布局
  • 20-综合案例-列表布局
  • 21-综合案例-内容样式
2-19 学成在线项目
  • 01-第七天课程介绍
  • 02-准备工作-项目目录
  • 03-准备工作-版心居中
  • 04-网页制作思路
  • 05-header区域-整体布局
  • 06-header区域-logo
  • 07-header区域-导航
  • 08-header区域-搜索布局
  • 09-header区域-搜索内容
  • 10-header区域-用户区域
  • 11-banner区域-布局
  • 12-banner区域-侧导航
  • 13-banner区域-课程表布局
  • 14-banner区域-课程表内容
  • 15-banner区域-全部课程
  • 16-精品推荐-区域布局
  • 17-精品推荐-内容样式
  • 18-推荐课程-标题区域
  • 19-推荐课程-内容布局
  • 20-推荐课程-内容样式
  • 21-前端开发工程师区域
  • 22-版权-布局
  • 23-版权-内容
2-20 定位
  • 01-第八天课程介绍
  • 02-相对定位
  • 03-绝对定位
  • 04-定位居中
  • 05-固定定位
  • 06-堆叠顺序z--index
  • 07-定位总结
2-21 精灵图和字体图标
  • 08-CSS精灵--基本使用
  • 09案例-CSS精灵--京东服务
  • 10-字体图标-体验
  • 11-字体图标-下载
  • 12-字体图标-使用
  • 13-字体图标-上传
2-22 CSS进阶
  • 14-垂直对齐方式vertical-align
  • 15-过渡属性
  • 16-透明度
  • 17-光标类型
2-23 综合案例【轮播图】
  • 18-综合案例-轮播图-图片效果
  • 19-综合案例-轮播图-箭头
  • 20-综合案例-轮播图-圆点效果
第三章 企业级小兔鲜儿电商项目首页制作
3-1 项目前置知识
  • 01-第九天课程介绍
  • 02-搭建项目目录
  • 03-网页头部SEO三大标签
  • 04-Favicon图标
3-2 导航区域布局
  • 05-版心
  • 06-快捷导航-布局
  • 07-快捷导航-内容
3-3 头部区域布局
  • 08-头部--布局
  • 09-头部-logo
  • 10-头部-导航
  • 11-头部-搜索
  • 12-头部-购物车
3-4 底部区域布局
  • 13-底部-布局
  • 14-底部-服务区域
  • 15-底部-帮助中心-左侧
  • 16-底部-帮助中心-右侧
  • 17-底部-版权
3-5 banner区域布局
  • 01-banner-轮播图
  • 02-banner-侧导航
  • 03-banner-圆点指示器
3-6 新鲜好物+热门品牌区域布局
  • 04-新鲜好物-标题
  • 05-新鲜好物-内容
  • 06-人气推荐
  • 07-热门品牌-布局
  • 08-热门品牌-内容
3-7 生鲜区域布局
  • 09-生鲜--标题
  • 10-生鲜-内容布局
  • 11-生鲜-产品内容
  • 12-生鲜-过渡效果
3-8 最新专题区域布局
  • 13-最新专题-布局
  • 14-最新专题-内容
  • 15-最新专题-定位文字

阶段二 移动Web网页开发

展开
第一章 CSS3高级特效
1-1 平面转换及案例
  • 01-第一天课程介绍
  • 02-平面转换-体验
  • 03-平面转换-平移
  • 04-平移实现定位居中
  • 05-案例-双开门
  • 06-平面转换-旋转
  • 07-转换原点
  • 08-案例-时钟
  • 09-多重转换
  • 10-平面转换-缩放
  • 11-案例-播放效果-margin写法
  • 12-案例-播放效果-translate写法
  • 13-平面转换-倾斜
1-2 渐变
  • 14-线性渐变
  • 15-案例-产品展示
  • 16-径向渐变
1-3 综合案例(一)
  • 17-综合案例-频道效果
  • 18-综合案例-按钮渐变背景
  • 19-综合案例-轮播图效果
  • 20-综合案例-猜你喜欢区域效果
1-4 空间转换
  • 01-第二天课程介绍
  • 02-空间转换-平移
  • 03-视距属性
  • 04-空间转换-Z轴旋转
  • 05-空间转换-X轴旋转
  • 06-空间转换-Y轴旋转
  • 07-左手法则
  • 08-拓展-空间-rotate3d
  • 09-立体呈现
  • 10-案例-3D导航
  • 11-空间转换-缩放
1-5 动画
  • 12-动画-体验
  • 13-动画-实现步骤
  • 14-animation-复合属性
  • 15-animation-拆分写法
  • 16-案例-走马灯
  • 17-精灵动画
  • 18-多组动画
1-6 综合案例(二)
  • 19-综合案例-背景
  • 20-综合案例-云彩位置
  • 21-综合案例-云彩动画
  • 22-综合案例-文字动画
第二章 移动端适配
2-1 移动端基础知识
  • 01-第三天课程介绍
  • 02-谷歌模拟器
  • 03-屏幕分辨率
  • 04-视口标签
  • 05-二倍图
2-2 移动端适配
  • 06-适配方案简介
  • 07-rem-体验
  • 08-rem-基本使用
  • 09-媒体查询
  • 10-rem配合媒体查询
  • 11-rem配合flexible
  • 12-rem布局
2-3 Less
  • 13-less-简介
  • 14-less-注释
  • 15-less-运算
  • 16-less-嵌套
  • 17-less-变量
  • 18-less-导入
  • 19-less-导出
  • 20-less-禁止导出
2-4 综合案例-极速问诊
  • 21-极速问诊-准备工作
  • 22-极速问诊-头部布局
  • 23-极速问诊-头部内容样式
  • 24-极速问诊-banner区域
  • 25-极速问诊-问诊类型布局
  • 26-极速问诊-问诊类型内容
2-5 vw和vh
  • 01-第四天课程介绍
  • 02-体验vw和vh单位
  • 03-vw布局
  • 04-vh问题
2-6 综合案例-酷我音乐
  • 05-酷我音乐-准备工作
  • 06-酷我音乐-头部布局
  • 07-酷我音乐-头部内容
  • 08-酷我音乐-搜索区域
  • 09-酷我音乐-banner区域
  • 10-酷我音乐-标题公共样式
  • 11-酷我音乐-排行榜内容
  • 12-酷我音乐-推荐歌单布局
  • 13-酷我音乐-推荐歌单内容
  • 14-酷我音乐-下载区域
  • 15-酷我音乐-头部固定
第三章 响应式
3-1 媒体查询
  • 01-第五天课程介绍
  • 02-媒体查询-最大最小值
  • 03-媒体查询-书写顺序
  • 04-案例-左侧隐藏
  • 05-了解-媒体查询完整写法
  • 06-媒体查询-link写法
3-2 Bootstrap
  • 07-Bootstrap-体验
  • 08-Bootstrap-使用步骤
  • 09-Bootstrap-栅格系统
  • 10-Bootstrap-按钮样式
  • 11-Bootstrap-表格样式
  • 12-Bootstrap-组件
  • 13-Bootstrap-字体图标
3-3 综合案例-alloyTeam官网
  • 14-alloyTeam-准备工作
  • 15-alloyTeam-导航区域
  • 16-alloyTeam-轮播图图片
  • 17-alloyTeam-轮播图图片响应式
  • 18-alloyTeam-开源项目响应式
  • 19-alloyTeam-开源项目内容布局

阶段三 JavaScript网页编程

展开
第一章 JavaScript基础
1-1 JavaScript快速入门
  • 01-课程介绍 免费试学
  • 02-今日内容 免费试学
  • 03-JavaScript是什么以及书写位置 免费试学
  • 04-JavaScript注释和结束符 免费试学
  • 05-JavaScript输入和输出语句 免费试学
1-2 JavaScript变量
  • 06-什么是变量以及基本使用(重点) 免费试学
  • 07-更新变量和多次声明变量简写 免费试学
  • 08-输出用户名案例 免费试学
  • 09-交换两个变量值案例 免费试学
  • 10-变量的本质 免费试学
  • 11-变量的命名规则和规范 免费试学
  • 12-常量 免费试学
1-3 JavaScript基本数据类型
  • 13-基本数据类型-数字和字符串 免费试学
  • 14-模板字符串(重点) 免费试学
  • 15-输出姓名和年龄案例 免费试学
  • 16-基本数据类型-布尔未定义和空类型 免费试学
1-4 JavaScript操作符及案例
  • 17-算术运算符 免费试学
  • 18-商品小计案例 免费试学
  • 19-赋值运算符 免费试学
  • 20-自增运算符 免费试学
  • 21-比较运算符 免费试学
  • 22-逻辑运算符 免费试学
  • 23-判断倍数案例 免费试学
  • 24-运算符优先级 免费试学
  • 25-综合案例-商品订单上 免费试学
  • 26-综合案例-商品订单下 免费试学
1-5 JavaScript类型转换
  • 01-今日内容 免费试学
  • 02-显示转换为数字型 免费试学
  • 03-显示转换为字符串和布尔型 免费试学
  • 04-隐式转换 免费试学
1-6 JavaScript分支语句
  • 05-表达式和语句 免费试学
  • 06-if分支语句 免费试学
  • 07-if双分支语句 免费试学
  • 08-多分支语句 免费试学
  • 09-三元运算符 免费试学
  • 10-数字补0案例 免费试学
  • 11-switch分支语句 免费试学
  • 12-断点调试 免费试学
1-7 JavaScript循环语句
  • 13-while循环 免费试学
  • 14-for循环 免费试学
  • 15-for循环练习1 免费试学
  • 16-for循环练习2 免费试学
  • 17-break和continue中止循环 免费试学
  • 18-无限循环 免费试学
1-8 分支+循环综合案例
  • 19-综合案例-ATM存取款机上 免费试学
  • 20-综合案例-ATM存取款机下 免费试学
1-9 for循环嵌套案例
  • 01-今日内容
  • 02-循环嵌套
  • 03-打印5行5列的小星星
  • 04-打印三角形星星
  • 05-99乘法表
1-10 数组和数组操作
  • 05-数组基本使用
  • 06-遍历数组
  • 07-数组求和以及平均值案例
  • 08-求数组最大值案例
  • 09-操作数组之查询和修改数组元素
  • 10-操作数组之新增数组元素
  • 11-筛选数组筛选大于等于10的元素
  • 12-数组筛选筛选不为0的元素
  • 13-操作数组之删除数组元素
  • 14-数组splice方法
1-11 数组综合案例
  • 15-综合案例-手风琴案例
  • 16-综合案例-渲染柱形图弹出4次输入框
  • 17-综合案例-渲染柱形图渲染柱子
  • 18-拓展知识-数组sort排序
  • 拓展了解-选择排序
1-12 函数及应用
  • 01-今日内容
  • 02-函数的基本使用
  • 03-函数封装小练习
  • 04-函数的整体认知
  • 05-函数参数
  • 06-逻辑中断
  • 07-默认参数
  • 08-封装数组求和函数
  • 09-函数返回值细节
  • 10-封装求数组最大值函数
  • 11-封装判断数组是否存在某个元素
  • 12-封装函数返回数组元素下标
  • 13-断点调试-进入函数调试
1-13 作用域和立即执行函数
  • 14-作用域
  • 15-变量的访问原则
  • 16-匿名函数-函数表达式
  • 17-匿名函数-立即执行函数
  • 18-flexble.js源码中的立即执行函数
1-14 函数综合案例
  • 19-综合案例-转换时分秒上
  • 20-综合案例-转换时分秒下
1-15 对象和对象操作
  • 01-什么是对象以及对象属性
  • 02-对象方法
  • 03-操作对象
  • 04-查询属性的里另外写法
  • 05-遍历对象
  • 06-对象数组案例
  • 07-渲染表格案例
  • 08-Math内置对象
  • 09-Math.random生成随机数
1-16 对象综合案例
  • 10-随机显示姓名案例
  • 11-猜数字游戏
  • 12-猜数字游戏限定次数
  • 13-随机颜色案例-封装函数
  • 14-随机颜色案例-返回rgb格式颜色
  • 15-随机颜色案例-返回十六进制格式颜色
  • 16-综合案例-学成在线页面渲染
1-17 数据类型存储+变量声明const优先
  • 17-数据类型存储方式
  • 18-变量声明const优先
第二章 WebAPIs
2-1 DOM及相关案例
  • 01-什么是API以及课程安排 免费试学
  • 02-今日内容 免费试学
  • 03-什么是DOM 免费试学
  • 04-获取第一个DOM元素querySelector方法 免费试学
  • 05-获取多个DOM元素querySelectorAll以及伪数组 免费试学
  • 06-其他方式获取DOM元素 免费试学
  • 07-操作元素内容innerText和innerHTML 免费试学
  • 08-重构学成在线案例 免费试学
  • 09-年会抽奖案例-一等奖做法 免费试学
  • 10-年会抽奖案例-二三等奖做法 免费试学
2-2 样式操作及案例
  • 11-操作元素常见属性 免费试学
  • 12-随机显示图片案例 免费试学
  • 13-通过style来修改元素样式 免费试学
  • 14-随机显示背景图片案例 免费试学
  • 15-通过类名修改元素样式 免费试学
  • 16-通过classList操作元素样式 免费试学
  • 17-随机轮播图案例-更换图片 免费试学
  • 18-随机轮播图案例-更换文字颜色和小圆点 免费试学
  • 19-操作表单常见属性 免费试学
  • 20-自定义属性 免费试学
2-3 定时器和及轮播图定时切换案例
  • 21-定时器之间隔函数 免费试学
  • 22-综合案例-轮播图定时版-上 免费试学
  • 23-综合案例-轮播图定时版-中 免费试学
  • 24-综合案例-轮播图定时版-下 免费试学
2-4 事件监听和案例
  • 01-今日内容 免费试学
  • 02-事件监听 免费试学
  • 03-王者荣耀关闭登录窗口案例 免费试学
  • 04-回调函数介绍 免费试学
  • 05-拓展阅读-事件监听版本 免费试学
  • 06-鼠标事件类型 免费试学
2-5 轮播图左右切换案例
  • 07-轮播图切换版-右侧按钮需求制作
  • 08-轮播图切换版-左侧按钮需求制作
  • 09-轮播图切换版-自动播放轮播图
  • 10-轮播图切换版-自动播放轮播图
  • 11-轮播图切换版-抽取公共toggle函数
2-6 统计用户字数案例
  • 12-焦点事件
  • 13-小米搜索框案例
  • 14-键盘和input事件
  • 15-统计用户字数案例-上
  • 16-统计用户字数案例-下
  • 17-事件对象
2-7 回车发布评论案例
  • 18-回车发布评论案例-上
  • 19-回车发布评论案例-下
  • 20-环境对象this
2-8 综合案例-tab栏切换案例
  • 21-排他思想
  • 22-综合案例-tab栏切换原理分析
  • 23-综合案例-tab栏切换鼠标经过高亮显示
  • 24-综合案例-tab栏切换底部跟随显示
  • 25-轮播图完整版-点击小圆点可以切换图片
2-9 事件流和事件委托
  • 01-今日内容
  • 02-事件流
  • 03-阻止事件冒泡
  • 04-mouseover和mouseenter的区别
  • 05-事件委托的原理
  • 06-利用事件委托得到目标元素
  • 07-事件委托版本-tab栏切换上
  • 08-事件委托版本-tab栏切换下
2-10 client、scroll、offset
  • 09-阻止默认行为
  • 10-拓展-移除事件监听(了解)
  • 11-页面加载事件
  • 12-页面滚动事件
  • 13-显示隐藏侧边栏案例
  • 14-点击返回按钮返回顶部案例
  • 15-页面尺寸事件和flexible源码分析
  • 16-元素尺寸和位置-offset家族
2-11 综合案例-顶部导航案例
  • 17-吸附顶部导航栏案例
  • 18-仿bilibili滑动效果
  • 19-综合案例-案例分析
  • 20-综合案例-点击高亮效果
  • 21-综合案例-点击页面滑动到对应位置
  • 22-综合案例-页面滑动电梯导航高亮显示
2-12 日期对象及倒计时案例
  • 01-今日内容
  • 02-日期对象的使用
  • 03-页面显示日期和时间案例
  • 04-格式化日期的另外方法
  • 05-三种方式获得时间戳
  • 06-倒计时案例上
  • 07-倒计时案例下
2-13 DOM节点操作
  • 08-DOM节点
  • 09-查询父节点
  • 10-查询子节点和兄弟节点
  • 11-增加节点
  • 12-删除节点
  • 13-M端触摸事件
2-14 swipe插件及综合案例-通讯录
  • 14-swiper插件基本使用
  • 15-swiper插件配置
  • 16-AlloyFinger手势滑动插件
  • 17-综合案例-通讯录案例布局和业务分析
  • 18-forEach遍历数组
  • 19-综合案例-通讯录渲染业务
  • 20-综合案例-通讯录截取字符串substring
  • 21-综合案例-通讯录滑动业务
  • 22-综合案例-通讯录新增业务验证表单
  • 23-综合案例-通讯录新增业务完成
  • 24-综合案例-通讯录删除业务上
  • 25-综合案例-通讯录删除业务下
2-15 BOM
  • 01-今日内容
  • 02-BOM和window对象
  • 03-定时器之延迟函数
  • 04-5秒钟之后关闭的广告
2-16 location、navigator、history对象和本地存储
  • 05-location对象
  • 06-5秒钟之后返回首页案例
  • 07-navigator对象
  • 08-histroy对象
  • 09-本地存储数据持久化localstorage
  • 10-本地存储复杂数据类型
2-17 综合案例-学生统计表案例
  • 11-综合案例-布局和业务分析
  • 12-综合案例-读取本地存储数据
  • 13-数组map和join方法
  • 14-综合案例-渲染模块利用map遍历数组生成tr
  • 15-综合案例-渲染模块完成
  • 16-综合案例-新增业务提交和非空判断
  • 17-综合案例-新增业务生成数据和渲染页面
  • 18-综合案例-新增业务实现本地存储
  • 19-综合案例-删除业务上
  • 20-综合案例-删除业务下
  • 21-综合案例-关于stuId的处理
  • 01-今日内容
2-18 正则表达式和元字符
  • 02-正则表达式的基本使用
  • 03-元字符之边界符
  • 04-元字符之量词
  • 05-元字符之范围
  • 06-用户名验证表单案例
  • 07-元字符之字符类
  • 08-替换和修饰符
  • 09-隐藏手机号中间四位的案例
  • 10-推荐一个正则插件any-rule
2-19 综合案例-注册页面相关功能
  • 11-综合案例-注册页面布局分析和业务分析
  • 12-综合案例-注册页面倒计时效果制作
  • 13-综合案例-注册页面-防止多次点击倒计时思路
  • 14-综合案例-注册页面验证用户名
  • 15-综合案例-注册页面其余表单验证
  • 16-综合案例-注册页面同意协议业务制作
  • 17-综合案例-注册页面勾选同意协议之制作
  • 18-综合案例-注册页面提交模块完成
2-20 阶段案例-登录页tab栏切换
  • 19-阶段案例-登录页面tab栏切换上
  • 20-阶段案例-登录页面tab栏切换下
  • 21-阶段案例-登录页面提交跳转业务
  • 22-阶段案例-首页渲染用户名
  • 23-阶段案例-首页退出登录和跳转移动端页面
2-21 JavaScript实战-放大镜案例
  • 01-本次实战安排
  • 02-放大镜案例-布局和业务分析
  • 03-放大镜案例-鼠标经过小图片中图片跟随变化
  • 04-放大镜案例-鼠标经过中盒子显示大盒子
  • 05-放大镜案例-遮罩盒子跟随鼠标移动
  • 06-放大镜案例-限定遮罩盒子范围
  • 07-放大镜案例-大图片跟随移动
第三章 JavaScript进阶
3-1 作用域链+JS垃圾回收机制+闭包
  • 01-今日内容 免费试学
  • 02-作用域回顾 免费试学
  • 03-作用域链 免费试学
  • 04-垃圾回收机制 免费试学
  • 05-闭包 免费试学
  • 06-var变量提升 免费试学
  • 07-函数提升 免费试学
3-2 展开运算符和箭头函数
  • 08-函数参数-arguments对象 免费试学
  • 09-剩余参数 免费试学
  • 10-展开运算符 免费试学
  • 11-箭头函数的基本使用 免费试学
  • 12-箭头函数中的this 免费试学
3-3 ES6数组和对象解构
  • 13-ES6中对象属性和方法简写 免费试学
  • 14-数组解构赋值 免费试学
  • 15-数组解构赋值变量和值不匹配的情况 免费试学
  • 16-多维数组解构赋值 免费试学
  • 17-对象解构赋值基本使用 免费试学
  • 18-解构变量重命名解决变量冲突 免费试学
  • 19-多级对象解构 免费试学
  • 20-多级对象解构案例 免费试学
3-4 filter方法及综合案例
  • 21-渲染页面案例 免费试学
  • 22-综合案例-渲染业务制作 免费试学
  • 23-filter筛选数组使用 免费试学
  • 24-综合案例-注册点击事件并得到链接序号 免费试学
  • 25-综合案例-根据序号渲染页面 免费试学
  • 26-拓展-垃圾回收机制-引用计数法 免费试学
  • 27-拓展-垃圾回收机制标记清除法 免费试学
3-5 构造函数
  • 01-今日内容
  • 02-创建对象的三种方式
  • 03-构造函数
  • 04-new实例化执行过程
  • 05-实例成员和静态成员
  • 06-一切皆对象
  • 07-Object三种静态方法
  • 08-Object拼接字符串案例
3-6 数组方法进阶及案例
  • 09-数组reduce方法基本使用
  • 10-数组reduce执行过程
  • 11-reduce计算薪资小案例
  • 12-数组find和findIndex方法
  • 13-数组every和some方法
  • 14-Array.from转换真数组
3-7 全选案例
  • 15-全选案例-全选控制小复选框
  • 16-全选案例-小复选框控制全选
3-8 字符串方法
  • 17-字符串方法split
  • 18-显示赠品小案例
  • 19-字符串方法startsWith和includes
  • 20-字符串方法trim
3-9 综合案例【购物车】
  • 21-综合案例-购物车布局和业务分析
  • 22-综合案例-购物车渲染业务
  • 23-综合案例-购物车规格文字模块处理
  • 24-综合案例-购物车赠品模块处理
  • 25-综合案例-购物车小计模块处理
  • 26-综合案例-购物车总价业务
3-10 面向对象和原型
  • 01-今日内容
  • 02-两种编程思想-面向过程和面向对象
  • 03-构造函数实现封装以及存在的问题
  • 04-原型对象prototype
  • 05-构造函数和原型对象中的this指向
  • 06-数组扩展求最大值和求和案例
  • 07-constructor属性
  • 08-原型__proto__
  • 09-画图构造函数原型对象实例对象三者关系
3-11 原型链和综合案例
  • 10-原型链
  • 11-instanceof运算符
  • 12-原型继承-利用对象赋值实现继承
  • 13-原型继承-对象赋值出现的问题
  • 14-原型继承完整写法
  • 15-综合案例-面向对象分析
  • 16-综合案例-创建Modal构造函数
  • 17-综合案例-open方法封装
  • 18-综合案例-close方法封装
  • 19-综合案例-小bug处理
3-12 浅拷贝和递归
  • 00-今日内容
  • 01-浅拷贝
  • 02-浅拷贝遇到的问题
  • 03-深拷贝之JSON序列化实现
  • 04-深拷贝之lodash库实现
3-13 递归和debugger
  • 05-函数递归
  • 06-深拷贝之递归函数实现1
  • 07-深拷贝之递归函数实现2
  • 07-深拷贝之递归函数实现3
  • 08-异常处理之throw抛出异常
  • 09-try和catch捕获异常
  • 10-debugger的使用
3-14 call、apply、bind
  • 11-改变this指向call方法
  • 12-call的使用场景
  • 13-改变this指向apply方法
  • 14-改变this指向bind方法基本使用
  • 15-bind方法使用场景以及总结
  • 16-this指向总结
3-15 防抖和节流及案例
  • 17-什么是防抖
  • 18-lodash库实现防抖处理案例
  • 19-手写防抖函数实现
  • 20-什么是节流以及lodash库实现节流
  • 21-手写节流函数实现
  • 22-防抖和节流总结
  • 23-综合案例-视频当前视频持久化到本地
  • 24-综合案例-视频跳转到上次时间
  • 25-综合案例-电梯导航添加节流效果

阶段四 框架前置课

展开
第一章 Ajax
1-1 Ajax介绍和axios基本使用
  • 01-AJAX介绍及axios基本使用
  • 02-认识URL
  • 03-URL查询参数
  • 04-案例-省市区查询
  • 05-常用请求方法和数据提交
  • 06-axios错误处理
1-2 请求与响应报文
  • 07-HTTP协议-请求报文
  • 08-请求报文-辅助调试
  • 09-HTTP协议-响应报文
1-3 接口+用户登录案例
  • 10-接口文档
  • 11-案例-用户登录01
  • 11-案例-用户登录02
  • 12-form-serialize插件
  • 13-案例-用户登录(整合form-serialize)
1-4 综合案例-图书管理
  • 01-图书管理-图书列表
  • 02-图书管理-新增图书01
  • 03-图书管理-新增图书02
  • 04-图书管理-删除图书
  • 05-图书管理-编辑图书-获取数据
  • 06-图书管理-编辑图书-编辑弹框
  • 07-图书管理-编辑图书-保存修改
  • 08-图书管理-总结
1-5 图片上传和网站换肤案例
  • 09-图片上传
  • 10-案例-网站换肤-核心功能
  • 11-案例-网站换肤-缓存URL
1-6 综合案例-个人设置
  • 12-案例-个人设置-获取数据
  • 13-案例-个人设置-渲染数据
  • 14-案例-个人设置-修改头像
  • 15-案例-个人设置-修改信息
  • 16-案例-个人设置-提示框
1-7 XMLHttpRequest基本使用和案例
  • 01-XMLHttpRequest-基本使用
  • 02-XMLHttpRequest-查询参数
  • 03-案例-地区查询-生成查询参数
  • 04-案例-地区查询-调用接口及数据渲染
  • 05-XMLHttpRequest-数据提交
1-8 Promise及案例
  • 06-认识-Promise
  • 07-了解-Promise的状态
  • 08-案例-使用Promise 加 XHR 获取省份列表-核心功能
  • 09-案例-使用Promise 加 XHR 获取省份列表-异常处理
1-9 axios封装案例
  • 10-封装-简易axios-获取省份列表
  • 11-封装-简易axios-获取地区列表
  • 12-封装-简易axios-注册用户
1-10 综合案例-天气预报
  • 13-案例-天气预报-查询北京天气
  • 14-案例-天气预报-渲染北京01
  • 15-案例-天气预报-渲染北京02
  • 16-案例-天气预报-城市查询
  • 17-案例-天气预报-点击查询城市
1-11 async和await
  • 01-同步代码和异步代码
  • 02-回调函数地狱
  • 03-Promise-链式调用
  • 04-Promise-链式调用-解决回调地狱
  • 05-async函数和await
  • 06-async函数和await-错误捕获
1-12 Eventloop
  • 07-事件循环-eventloop
  • 08-事件循环-练习
  • 09-宏任务和微任务
  • 10-事件循环-经典面试题
  • 11-Promise.all静态方法
1-13 商品分类案例
  • 12-案例-商品分类01
  • 13-案例-商品分类02
1-14 综合案例-学习反馈
  • 14-案例-学习反馈01-省份列表
  • 15-案例-学习反馈02-城市列表
  • 16-案例-学习反馈03-地区列表
  • 17-案例-学习反馈04-发表反馈
第二章 Git+数据可视化看板项目
2-1 Git安装和配置
  • 01.认识及安装Git
  • 02.Git配置用户信息
  • 03.本地初始化Git仓库
  • 04.记录每次更新到仓库(修复-m空格)
  • 04.记录每次更新到仓库(修复前)
  • 05.Git查看及切换历史版本
  • 06.Git忽略文件及检查文件状态
2-2 Git分支+冲突处理
  • 07.Git分支-查看及切换分支
  • 08.Git分支-创建分支
  • 09.Git分支-合并及删除分支
  • 10.Git分支-命令补充
  • 11.Git分支-冲突
2-3 数据可视化看板项目初始化
  • 12.项目演示
  • 13.项目初始化
  • 14.项目目录
  • 15.配置axios基地址
  • 16.抽取轻提示函数
2-4 注册和登录
  • 17.用户注册-收集并校验数据
  • 18.用户注册-提交数据
  • 19.用户登录1
  • 19.用户登录2
2-5 首页统计数据
  • 01.JWT介绍
  • 02.首页-页面访问控制
  • 03.首页-用户名渲染
  • 04.首页-退出登录
  • 05.首页-统计数据
  • 06.首页-登录状态失效
2-6 axios拦截器
  • 07.axios拦截器-请求拦截器统一设置token
  • 08.axios拦截器-响应拦截器统一处理token失效
  • 09.axios拦截器-响应拦截器数据剥离
2-7 gitee远程仓库创建和配置
  • 10.Git远程仓库-概念和gitee使用准备
  • 11.Git远程仓库-新建仓库和推送
  • 12.Git远程仓库-开发及推送
  • 13.Git远程仓库-克隆
  • 14.Git远程仓库-拉取
  • 15.Git远程仓库-配置SSH
  • 16.Git远程仓库-重新上传
2-8 Echarts基础配置
  • 01.数据可视化及ECharts体验
  • 02.echart基础配置01-title和legend
  • 03.echart基础配置02-grid和xAxis
  • 04.echart基础配置03-yAxis和tooltip
  • 05.echart基础配置04-series和color
2-9 薪资走势
  • 06.数据看板-函数拆分
  • 07.数据看板-薪资走势01-找示例
  • 08.数据看板-薪资走势02-整合到项目
  • 09.数据看板-薪资走势03-title、grid、yAxis
  • 10.数据看板-薪资走势04-xAxis
  • 11.数据看板-薪资走势05-series(数据,标记大小和线段粗细)
  • 12.数据看板-薪资走势06-series(区域和线段的渐变色)
  • 13.数据看板-薪资走势07-tooltip
2-10 薪资分布
  • 14.数据看板-薪资分布01-找示例
  • 15.数据看板-薪资分布02-整合到项目
  • 16.数据看板-薪资分布03-标题,图例名,半径,图形样式
  • 17.数据看板-薪资分布04-普通及高亮文本
  • 18.数据看板-薪资分布05-数据和颜色
2-11 每组薪资
  • 19.数据看板-每组薪资01-找示例
  • 20.数据看板-每组薪资02-整合到项目
  • 21.数据看板-每组薪资03-grid、x轴数据和文字颜色
  • 22.数据看板-每组薪资04-series的name、data、itemStyle
  • 23.数据看板-每组薪资05-切换效果
2-12 男女薪资和籍贯分布
  • 24.数据看板-男女薪资分布01-找示例
  • 25.数据看板-男女薪资分布02-整合到项目
  • 26.数据看板-男女薪资分布03-title
  • 27.数据看板-男女薪资分布04-series
  • 28.数据看板-籍贯分布01-社区找示例并整合到项目
  • 29.数据看板-籍贯分布02-调整设置
  • 30.数据看板-代码上传
2-13 信息管理-新增学员
  • 01.信息管理-公共逻辑整合
  • 02.信息管理-学员信息渲染
  • 03.信息管理-新增学员01-点击弹框
  • 04.信息管理-新增学员02-省市区联动
  • 05.信息管理-新增学员03-数据新增
2-14 信息管理-删除和编辑数据
  • 06.信息管理-删除数据
  • 07.信息管理-编辑数据-弹出编辑框01
  • 08.信息管理-编辑数据-弹出编辑框02(弹框以及修改标题、输入框、性别)
  • 09.信息管理-编辑数据-弹出编辑框03(设置籍贯)
  • 10.信息管理-编辑数据-保存修改01
  • 11.信息管理-编辑数据-保存修改02
  • 12.信息管理-编辑数据-保存修改03
  • 13.VSCode的git
第三章 Node.js&webpack
3-1 Node.js安装和基本使用
  • 01.Node.js安装与使用
  • 02.​fs模块-读写文件
  • 03.​path模块-路径处理
  • 04.案例-压缩前端html
  • 05.案例-压缩前端js
  • 06.认识URL中的端口号
  • 07.http模块-创建Web服务
  • 08.Web服务支持中文字符
3-2 省份列表案例
  • 09.​案例-省份列表接口
  • 10.0.案例-城市列表接口-获取查询参数
  • 10.1.案例-城市列表接口-响应数据
  • 11.​案例-浏览时钟
3-3 模块化
  • 01.模块化简介
  • 02.ECMAScript标准-默认导出和导入
  • 03.ECMAScript标准-命名导出和导入
3-4 npm包管理工具
  • 04.包的概念
  • 05.npm软件包管理器
  • 06.npm安装所有依赖
  • 07.npm全局软件包-nodemon
3-5 常用命令及案例
  • 08.Node.js概念和常用命令总结
  • 09.​Express快速搭建Web服务
  • 10.案例-获取省份列表接口
3-6 同源策略和跨域
  • 11.浏览器的同源策略
  • 12.跨域问题
  • 13.跨域问题-解决方案1-CORS
  • 14.跨域问题-解决方案2-同源访问
3-7 webpack
  • 01.Webpack简介及体验
  • 02.Webpack修改入口和出口
  • 03.案例-打包注册用户网页-判断长度
  • 04.Webpack自动生成html文件
  • 05.Webpack打包css代码
  • 06.Webpack打包less代码
  • 07.Webpack打包图片
  • 08.Webpack集成babel编译器
  • 09.案例-注册用户完成
  • 10.Webpack开发服务器
  • 11.Webpack打包模式
  • 12.Webpack开发调试sourcemap
  • 13.Webpack设置解析别名路径

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

展开
第一章 Vue.js核心技术与实战
1-1 Vue初始
  • 01-阶段导学视频
  • 02-导学视频-day01
  • 03-Vue是什么
  • 04-创建一个Vue实例
  • 05-插值表达式
  • 06-Vue响应式特性
  • 07-开发者工具安装
1-2 Vue指令
  • 08-指令
  • 09-指令-v-show和v-if
  • 10-v-else和v-else-if
  • 11-指令-v-on-01-语法1-内联语句
  • 12-指令-v-on-02-语法2-methods处理函数
  • 13-指令-v-on-调用传参
  • 14-指令-v-bind
  • 15-案例-波仔的学习之旅
  • 16-指令-v-for
  • 17-案例-小黑的书架
  • 18-指令-v-for的key
  • 19-指令-v-model
1-3 综合案例-小黑记事本
  • 20-综合案例-小黑记事本-渲染和删除
  • 21-综合案例-小黑记事本-添加
  • 22-综合案例-小黑记事本-底部统计和清空
1-4 动态样式绑定
  • 01-导学视频_day02
  • 02-指令的修饰符
  • 03-v-bind操作class
  • 04-v-bind-class案例-tab导航切换
  • 05-v-bind-操作style
  • 06-v-model应用于其他表单元素
1-5 计算属性+侦听器
  • 07-计算属性
  • 08-computed计算属性vs方法methods
  • 09-计算属性的完整写法
  • 10-成绩案例-渲染功能
  • 11-成绩案例-删除功能-添加功能
  • 12-成绩案例-统计总分-平均分
  • 13-watch-简写-语法
  • 14-watch-简写-业务实现
  • 15-watch-完整写法
1-6 购物车案例
  • 16-水果购物车-基本渲染
  • 17-水果购物车-删除和修改数量
  • 18-水果购物车-全选反选
  • 19-水果购物车-统计总价和结算
  • 20-水果购物车-持久化到本地
1-7 生命周期
  • 01-导学视频-day03
  • 02-生命周期和生命周期的四个阶段
  • 03-生命周期钩子函数-上
  • 04-生命周期钩子函数-下
  • 05-生命周期两个例子-初始化渲染和获取焦点
1-8 综合案例-小黑记账清单
  • 06-小黑记账清单-基本渲染
  • 07-小黑记账清单-添加功能
  • 08-小黑记账清单-删除功能
  • 09-小黑记账清单-饼图渲染
1-9 组件化开发
  • 10-工程化开发和脚手架
  • 11-项目目录介绍和运行流程
  • 12-组件化开发和根组件
  • 13-普通组件的注册-局部注册
  • 14-普通组件的注册-全局注册
  • 15-小兔鲜首页-拆分模块组件-局部注册
  • 16-小兔鲜首页-实现结构和样式
  • 17-小兔鲜首页-拆分小组件-全局注册
1-10 组件通信及小黑记事本案例
  • 01-导学视频-day04
  • 02-scoped样式冲突
  • 03-data是一个函数
  • 04-组件通信
  • 05-什么是prop
  • 06-props校验-基础类型校验
  • 07-props校验-完整写法
  • 08-props和data的区别,单向数据流
  • 09-小黑记事本组件版-拆分组件
  • 10-小黑记事本组件版-渲染功能
  • 11-小黑记事本组件版-添加功能
  • 12-小黑记事本组件版-删除功能
  • 13-小黑记事本组件版-底部合计-清空-持久化存储
  • 14-非父子通信-事件总线(拓展)
  • 15-非父子通信-provide-inject(拓展)
  • 16-v-model的原理
  • 17-封装表单类组件
1-11 ref属性+$nextTick
  • 18-v-model简化代码
  • 19-sync修饰符
  • 20-ref和$refs获取dom
  • 21-ref和$refs获取组件
  • 22-Vue异步更新和$nextTick
1-12 自定义指令和插槽
  • 01-导学视频-day05
  • 02-自定义指令-基础语法
  • 03-自定义指令-指令的值
  • 04-自定义指令-封装v-loading指令
  • 05-插槽-默认插槽
  • 06-插槽-后备内容
  • 07-插槽-具名插槽
  • 08-插槽-作用域插槽
1-13 商品列表案例
  • 09-商品列表-my-tag组件封装1-创建组件
  • 10-商品列表-my-tag组件封装2-控制显示隐藏
  • 11-商品列表-my-tag组件封装3-v-model处理
  • 12-商品列表-my-table组件封装1-创建组件-传递数据
  • 13-商品列表-my-table组件封装2-插槽自定义结构
1-14 路由(一)
  • 14-单页应用程序介绍
  • 15-路由介绍
  • 16-路由的基本使用-1
  • 17-路由的基本使用-2
  • 18-组件目录存放问题(组件分类)
1-15 路由(二)
  • 01-导学视频-day06
  • 02-路由模块封装
  • 03-使用router-link替代a标签实现高亮
  • 04-精确匹配和模糊匹配
  • 05-自定义匹配的类名
  • 06-声明式导航-跳转传参1-查询参数传参
  • 07-声明式导航-跳转传参2-动态路由传参
  • 08-动态路由参数-可选符
1-16 路由(三)
  • 09-路由重定向
  • 10-Vue路由404
  • 11-路由模式
  • 12-编程式导航-两种路由跳转方式
  • 13-path路径的跳转传参演示
  • 14-name命名路由的跳转传参演示
1-17 综合案例-面经基础版
  • 15-面经基础版-案例效果分析
  • 16-面经基础版-一级路由配置
  • 17-面经基础版-二级路由配置
  • 18-面经基础版-二级路由导航高亮
  • 19-面经基础版-首页请求渲染
  • 20-面经基础版-查询参数传参
  • 21-面经基础版-动态路由传参_两个细节优化
  • 22-面经基础版-详情页渲染
  • 23-面经基础版-缓存组件
  • 24-面经基础版-总结
1-18 面经全端项目-面经移动端(一)
  • 01-项目功能模块和项目收获
  • 02-基于VueCli自定义创建项目
  • 03-手动修正代码规范错误
  • 04-自动修正代码规范错误
  • 05-调整初始化目录
  • 06-vant组件库 和 其他组件库
  • 07-vant组件库-按需和全部导入的区别
  • 08-vant组件库-全部导入
  • 09-vant组件库-按需导入
1-19 面经全端项目-面经移动端(二)
  • 10-项目中的vw适配
  • 11-路由配置-一级路由
  • 12-路由配置-底部导航tabbar
  • 13-路由配置-主题色定制,实现底部导航定制
  • 14-路由配置-二级路由配置完成
  • 15-登录静态页-基本架子
  • 16-登录静态页-分析改造
  • 17-注册静态页-完成
1-20 面经全端项目-面经移动端(三)
  • 18-request模块-axios封装
  • 19-封装api接口-将请求封装成模块
  • 20-阅读文档toast轻提示,注册功能提示_跳转
  • 21-响应拦截器统一处理错误提示
  • 22-封装api接口-登录功能
  • 23-local模块-本地存储封装
  • 01-全局前置守卫-语法认知
  • 02-全局前置守卫-页面访问拦截处理
1-21 面经全端项目-面经移动端(四)
  • 03-面经列表-认识Cell组件-准备基本布局
  • 04-面经列表-封装通用组件
  • 05-封装接口-获取文章列表数据
  • 06-请求拦截器-统一携带token
  • 07-响应拦截器-处理token过期
  • 08-面经列表-动态渲染列表完成
1-22 面经全端项目-面经移动端(五)
  • 09-面经列表-响应拦截器-简化代码
  • 10-面经列表-List组件
  • 11-面经列表-没有更多数据处理
  • 12-面经列表-推荐和最新
  • 13-面经列表-高亮和推荐切换
1-23 面经全端项目-面经移动端(六)
  • 14-面经详情-动态路由传参-请求渲染【实战练习】
  • 15-面经详情-点赞和收藏【实战练习】
  • 16-我的收藏【实战练习】
  • 17-我的喜欢和个人中心-快速实现
  • 18-打包发布
  • 19-打包优化-路由懒加载
1-24 Vuex(一)
  • 01-vuex的基本认知
  • 02-构建多组件共享的数据环境
  • 03-创建一个空仓库
  • 04-如何提供数据_通过store直接访问数据
  • 05-获取数据-通过辅助函数mapState
  • 06-组件开启严格模式-vuex遵循单向数据流
  • 07-核心概念-mutations的基本使用
  • 08-核心概念-mutations-提交传参
  • 09-练习-mutations函数-减法功能
  • 10-练习-mutations函数-input框和vuex数据双向绑定
1-25 Vuex(二)
  • 11-辅助函数-mapMutations
  • 12-核心概念-actions
  • 13-辅助函数-mapActions
  • 14-核心概念-getters
  • 15-vuex-分模块
  • 16-分模块-访问模块中的state
  • 17-分模块-访问模块中的getters
  • 18-分模块-访问模块中的mutation
  • 19-分模块-action的调用语法
1-26 综合案例-购物车案例
  • 20-购物车案例-功能分析-创建项目-构建基本结构
  • 21-购物车案例-构建购物车模块
  • 22-购物车案例-基于json-server工具,准备后端接口服务
  • 23-购物车案例-请求获取数据存入vuex,映射渲染
  • 24-购物车案例-修改数量功能完成
  • 25-购物车案例-底部getters统计
1-27 面经全端项目-面经PC端(一)
  • 01-面经PC项目-项目介绍-项目收获
  • 02-基于VueCli创建项目-了解Sass语法
  • 03-构建面经PC的目录
  • 04-全部导入
  • 05-按需引入
  • 06-主题色定制
1-28 面经全端项目-面经PC端(二)
  • 07-request模块-storage模块构建
  • 08-路由设计配置
  • 09-el-card构建登录基本架子-样式处理
  • 10-构建基本的表单结构_样式美化
  • 11-表单基础校验
  • 12-表单正则校验
  • 13-提交表单和重置功能
1-29 面经全端项目-面经PC端(三)
  • 14-封装请求模块-vuex存token-1
  • 15-封装请求模块-vuex存token-2
  • 16-登录提示-错误提示统一通过响应拦截器处理
  • 17-登录访问拦截
  • 18-layout快速布局-请求拦截器统一处理token
  • 19-全局样式-解决布局缝隙问题
  • 20-分析结构-实现退出功能
  • 21-处理token过期
  • 22-Vue中Echarts的使用【实战】
1-30 面经全端项目-面经PC端(四)
  • 01-明确面经管理的功能需求
  • 02-渲染功能-准备架子和认识表格
  • 03-渲染功能-封装接口
  • 04-渲染功能-结合数据渲染
  • 05-渲染功能-操作列完成
  • 06-渲染功能-基本分页渲染
1-31 面经全端项目-面经PC端(五)
  • 07-点击添加,预览,编辑共用逻辑
  • 08-认识抽屉组件_控制显示隐藏
  • 09-计算属性控制标题
  • 10-准备表单结构
  • 11-准备富文本编辑器
  • 12-富文本编辑器-非空校验
1-32 面经全端项目-面经PC端(六)
  • 13-封装添加接口-完成添加功能
  • 14-添加功能-解决关闭重置表单问题
  • 15-删除功能完成
  • 16-修改回显功能
  • 17-修改提交功能完成
  • 18-预览功能完成
第二章 iHRM人力资源管理项目
2-1 项目介绍和初始化
  • 01.人力资源项目介绍
  • 02.拉取基础模板
  • 03.项目目录和入口文件介绍
  • 04.App.vue根组件的解析
  • 05.settings.js和permission.js
  • 06.Vuex结构介绍
  • 07.模板中图标的使用
  • 08.扩展-Icon图标的解析
  • 09.导入样式和资源并使用git管理
2-2 登录模块(一)
  • 10.登录页面结构和表单
  • 11.登录表单校验手机号和密码
  • 12.登录表单校验勾选和整体校验
  • 01.Vuex中的用户模块
  • 02.Vuex中token的数据持久化
  • 03.vue-cli代理解决跨域
2-3 登录模块(二)
  • 04.axios封装处理请求拦截器
  • 05.axios处理响应拦截器
  • 06.axios区分不同的环境
  • 07.登录联调封装请求模块和调用接口
  • 08.登录联调跳转到主页
2-4 主页模块
  • 09.主页权限验证分析
  • 10.主页权限验证-有token的情况
  • 11.主页权限验证-没token的情况
  • 01.获取用户资料调用action
  • 02.调整调用action的位置
  • 03.显示用户的名称和头像
  • 04.处理用户头像为空的情况
  • 05.处理token失效
  • 06.调整下拉菜单-实现退出登录
2-5 修改密码
  • 07.修改密码-弹出层
  • 08.修改密码-实现表单结构
  • 09.修改密码-表单校验
  • 10.修改密码-表单提交
2-6 路由和页面
  • 11.清理路由配置和组件
  • 12.创建需要的路由和页面
  • 13.批量创建路由和组件
  • 14.扩展-解析左侧菜单渲染
  • 15.显示项目logo
2-7 组织架构(一)
  • 01.组织架构-树形组件的应用
  • 02.组织架构-树形自定义结构
  • 03.组织架构-节点数据的展示
  • 04.组织架构-获取数据
  • 05.组织架构-递归转化树形数据
  • 06.组织架构-添加子部门-弹层
  • 07.组织架构-添加子部门-表单结构
  • 08.组织架构-添加子部门-表单基本校验
  • 09.组织架构-添加子部门-业务校验
2-8 组织架构(二)
  • 10.组织架构-添加子部门-负责人数据
  • 11.组织架构-添加子部门-记录部门
  • 12.组织架构-添加子部门-确认和取消
  • 01.组织架构-编辑部门-弹出层获取数据
  • 02.组织架构-编辑部门-编辑表单校验
  • 03.组织架构-编辑部门-确认取消
  • 04.组织架构-删除部门
2-9 角色管理(一)
  • 05.角色管理-搭建页面结构
  • 06.角色管理-获取角色数据
  • 07.角色管理-表格列的自定义结构
  • 08.角色管理-分页功能
  • 09.角色管理-添加角色弹出层
  • 10.角色管理-添加角色-表单校验
  • 11.角色管理-添加角色-确定取消
2-10 角色管理(二)
  • 01.角色管理-编辑角色-行内编辑解析
  • 02.角色管理-编辑角色-行内编辑状态
  • 03.角色管理-编辑角色-行内编数据缓存
  • 04.角色管理-编辑角色-确定和取消
  • 05.角色管理-删除角色
2-11 员工管理(一)
  • 06.员工管理-准备页面结构
  • 07.员工管理-左树数据加载
  • 08.员工管理-记录树节点
  • 09.员工管理-员工列表结构
  • 10.员工管理-员工数据的获取
  • 11.员工管理-头像和聘用形式
  • 12.员工管理-员工数据分页
  • 13.员工管理-员工模糊搜索
2-12 员工管理(二)
  • 1.员工管理-员工导出excel
  • 02.员工管理-excel导入组件封装
  • 03.员工管理-员工导入模版下载
  • 04.员工管理-excel导入-上
  • 05.员工管理-excel导入-下
  • 06.员工管理-删除员工
2-13 员工详情
  • 07.员工详情-页面结构和路由
  • 08.员工详情-数据和校验
  • 09.员工详情-级联组件封装
  • 10.员工详情-级联组件双向绑定
  • 11.员工详情-新增员工实现
  • 12.员工详情-编辑数据-查看员工
  • 13.员工详情-编辑员工-保存
  • 01.员工详情-封装员工头像-上
  • 02.员工详情-封装员工头像-下
  • 03.员工详情-上传图片-创建腾讯云存储桶
  • 04.员工详情-使用cos-sdk上传
2-14 权限管理(一)
  • 05.权限管理-搭建页面结构
  • 06.权限管理-获取权限数据
  • 07.作业-权限管理
  • 08.权限管理-权限概念
  • 09.权限应用-用户分配角色-弹出层
  • 10.权限应用-用户分配角色-数据提交
  • 11.权限应用-角色分配权限-弹出层
  • 12.权限应用-角色分配权限-回显权限数据
  • 13.权限应用-角色分配权限-确定取消
2-15 权限管理(二)
  • 01.权限应用-拆分静态路由和动态路由
  • 02.权限应用-根据权限筛选出路由
  • 03.权限应用-动态添加路由
  • 04.权限应用-根据权限渲染菜单
  • 05.退出登录-重置路由
  • 06.权限应用-功能权限-按钮权限标识
  • 07.权限应用-功能权限-自定义指令
  • 08.其他模块集成
2-16 首页
  • 09.首页结构和数字滚动
  • 10.首页-个人信息的展示
  • 11.首页-企业信息的获取
  • 12.首页-通知信息的获取
  • 01.首页-图表的应用
  • 02.首页-图表的按需导入
2-17 项目打包和部署
  • 03.将路由改成history模式
  • 04.打包分析
  • 05.cdn的引入
  • 06.打包-mac下安装nginx
  • 07.mac-windows启动服务
  • 08.mac-windows配置nginx解决404的问题
  • 09.mac-windows中nginx代理解决生产环境跨域问题
第三章 Vue3+TS 优医问诊项目
3-1 Vue3初识
  • 01.认识Vue3
  • 02.使用create-vue创建项目
  • 03.熟悉项目目录和关键文件
3-2 Vue3语法-组合式API
  • 04.组合式API入口-setup
  • 05.组合式API-reactive和ref函数
  • 06.组合式API-computed
  • 07.组合式API-watch-基本使用和立即执行
  • 08.组合式API-watch-深度侦听和精确侦听
  • 09.组合式API-生命周期函数
  • 10.组合式API下的父子通信-父传子
  • 11.组合式API下的父子通信-子传父
  • 12.组合式API-模版引用
  • 13.组合式API-provide和inject
3-3 Vue3综合案例和作业
  • 14.Vue3综合小案例
  • 15.补充作业-编辑功能作业
3-4 TypeScript(一)
  • 01.TS核心-认识TypeScript
  • 02.TS核心-编译环境搭建
  • 03.TS核心-类型注解的概念
  • 04.TS核心-注解数组
  • 05.TS核心-联合类型和别名类型
  • 06.TS核心-函数类型-概念和基本使用
  • 07.TS核心-函数类型-可选参和无返回值
  • 08.TS核心-interface-概念和基本使用
  • 09.TS核心-interface-可选设置和继承
  • 10.TS核心-type注解对象类型
3-5 TypeScript(二)
  • 11.TS核心-字面量类型
  • 12.TS核心-类型推论和any类型
  • 13.TS核心-类型断言
  • 14.TS核心-泛型概念理解和泛型接口
  • 15.TS核心-泛型type和泛型函数
  • 16.TS核心-泛型约束
  • 17.TS综合小案例-01
  • 18.TS综合小案例-02
3-6 Vue3+TypeScript应用
  • 01.Vue3+TS环境创建
  • 02.为ref标注类型
  • 03.为reactive标注类型修复
  • 04.为计算属性标注类型
  • 05.为事件处理函数标注类型
  • 06.为模版引用标注类型
  • 07.对象的非空值处理
  • 08.为props标注类型
  • 09.为组件的emits的标注类型
  • 10.类型声明文件d.ts-01
  • 11.类型声明文件d.ts-02
3-7 Vue3+TypeScript综合案例
  • 12.综合案例-需求熟悉和环境准备
  • 13.综合案例-实现频道列表渲染
  • 14.综合案例-文章列表基础渲染
  • 15.综合案例-频道和文章列表联动实现
  • 16.综合案例-综合和类型优化
3-8 Pinia介绍和使用
  • 17.Pinia-环境搭建和基础使用
  • 18.Pinia-getters和异步action
  • 19.Pinia-storeToRefs和调试
3-9 问诊项目初始化
  • 01-创建问诊项目
  • 02-项目配置
  • 03-配置代码检查工作流
  • 04-目录调整
  • 05-vue-router初始化
3-10 项目基础架构搭建
  • 06-基础架构-引入Vant和移动端适配
  • 07-基础架构-主题定制
  • 08-基础架构-用户仓库和持久化
  • 09-基础架构-统一管理
3-11 请求工具配置
  • 10-请求工具-axios配置
  • 11-请求工具-业务失败处理和摘取核心响应数据
  • 12-请求工具-401处理
  • 13-请求工具-工具函数
  • 14-请求工具-类型设置
3-12 路由配置+组件自动注册配置
  • 01-路由规则和准备登录页面
  • 02-组件自动注册配置
3-13 cp-nav-bar组件
  • 03-cp-nav-bar组件-结构和样式
  • 04-cp-nav-bar功能标题和右侧文字与右侧文字自定义事件
  • 05-cp-nav-bar功能-回退
  • 06-cp-nav-bar组件类型
3-14 登录页面布局+功能实现
  • 07-登录页面布局和清理代码
  • 08-登录页面-表单校验
  • 09-登录页面-密码登录
  • 10-短信登录-切换界面
  • 11-短信登录-发送验证码
  • 12-短信登录-进行登录
  • 13-图标组件-打包svg地图
  • 14-图片组件-svg组件封装
3-15 布局容器
  • 01-布局容器-组件与路由配置
  • 02-布局容器-Tabbar切换效果
  • 03-布局容器-访问权限控制
  • 04-布局容器-页面标题
  • 05-布局容器-加载进度
3-16 个人中心
  • 06-个人中心-用户信息类型
  • 07-个人中心-用户信息渲染
  • 08-个人中心-快捷工具和退出登录
3-17 家庭档案
  • 09-家庭档案-展示患者列表-01-路由与组件结构
  • 09-家庭档案-展示患者列表-02-完成渲染
  • 10-家庭档案-添加患者-v-model语法糖
  • 11-家庭档案-单选按钮组件封装
  • 12-家庭档案-添加患者界面和侧滑
  • 13-家庭档案-添加患者-表单数据绑定
  • 14-家庭档案-添加患者-表单校验-01-表单项和提交时校验
  • 14-家庭档案-添加患者-表单校验-02-性别确认提示
  • 15-家庭档案-添加患者-进行提交
  • 16-家庭档案-编辑患者
  • 17-家庭档案-删除患者
3-18 首页模块
  • 01-首页模块-搭建页面
  • 02-首页模块-知识列表加载更多效果
  • 03-首页模块-知识列表数据类型
  • 04-首页模块-知识列表加载功能
  • 05-首页模块-搭建推荐关注组件
  • 06-首页模块-适配滑动宽度-采用VueUse
  • 07-首页模块-推荐医生展示
  • 08-首页模块-关注医生
  • 09-首页模块-逻辑复用关注文章
3-19 极速问诊
  • 10-极速问诊-功能演示
  • 11-极速问诊-枚举语法
  • 12-极速问诊-问诊信息类型定义
  • 13-极速问诊-选择问诊类型
  • 14-极速问诊-选择问诊级别
  • 15-极速问诊-选择问诊科室
3-20 病情描述
  • 01-极速问诊-病情描述-页面准备
  • 02-极速问诊-病情描述-上传组件
  • 03-极速问诊-病情描述-上传业务
  • 04-极速问诊-病情描述-保存数据
  • 05-极速问诊-病情描述-回显数据
  • 06-极速问诊-选择患者
3-21 问诊支付
  • 07-极速问诊-问诊支付-获取数据
  • 08-极速问诊-问诊支付-完成渲染
  • 09-极速问诊-问诊支付-支付流程
  • 10-极速问诊-问诊支付-生成订单
  • 11-极速问诊-问诊支付-用户引导-01-阻止回退和关闭抽屉
  • 11-极速问诊-问诊支付-用户引导-02-刷新后校验信息完整性
  • 12-极速问诊-问诊支付-完成支付
3-22 问诊室聊天(一)
  • 13-问诊室-组件拆分页面布局
  • 01-问诊室-websocket介绍
  • 02-问诊室-socket.io-client使用
  • 03-问诊室-建立连接
  • 04-问诊室-通信规则和默认消息获取
3-23 问诊室聊天(二)
  • 05-问诊室-默认消息-处理格式
  • 06-问诊室-默认消息-完成渲染
  • 07-问诊室-接诊状态-订单数据
  • 08-问诊室-接诊状态-控制组件
  • 09-问诊室-文字聊天-发送文字
  • 10-问诊室-文本聊天-渲染文字
  • 11-问诊室-图片聊天
3-24 问诊室聊天(三)
  • 12-问诊室-聊天记录
  • 13-问诊室-消息已读
  • 14-问诊室-查看处方
  • 01-评价医生-结束消息和评价消息展示
  • 02-评价医生-提交评价
3-25 问诊记录
  • 03-问诊记录-搭建页面
  • 04-问诊记录-加载数据
  • 05-问诊记录-渲染Item组件-01-基本信息与操作按钮
  • 05-问诊记录-渲染Item组件-02-更多操作效果
  • 06-问诊记录-取消订单
  • 07-问诊记录-删除订单
  • 08-问诊记录-查看处方composable
3-26 问诊详情
  • 09-问诊详情-页面渲染
  • 10-问诊详情-更多组件封装
  • 11-问诊详情-操作按钮展示
  • 12-问诊详情-取消订单composable
  • 13-问诊详情-删除订单composable
  • 01-问诊详情-复制订单编号
  • 02-问诊详情-支付抽屉组件
3-27 药品订单
  • 03-药品订单-进入药品支付
  • 04-药品订单-支付信息展示
  • 05-药品支付-进行支付
  • 06-药品订单-支付结果
  • 07-药品订单-订单详情-01使用提取的详情函数和药品清单组件
  • 07-药品订单-订单详情-02完成渲染
  • 08-药品订单-物流详情
  • 09-药品订单-使用高德地图
  • 10-药品订单-自定义绘制轨迹
  • 11-药品订单-绘制起点终点当前运输位置
3-28 第三方登录
  • 01-三方登录-QQ登录流程和演示
  • 02-三方登录-去QQ登录且回跳
  • 03-三方登录-使用openId登录
  • 04-三方登录-验证码composable
  • 05-三方登录-绑定手机
3-29 真机调试+项目部署
  • 06-部署-开发环境与生产环境-01如何区分
  • 06-部署-开发环境与生产环境-02设置标题和回跳域名
  • 07-部署-真机调试
  • 08-部署-pm2托管
  • 09-部署-gitlab自动部署演示
3-30 拓展学习mock数据+单元测试
  • 10-扩展-mock数据-01-模拟接口
  • 10-扩展-mock数据-02-生成数据
  • 11-扩展-单元测试
  • 12-扩展-组件测试

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

展开
第一章 原生小程序
1-1 小程序的配置
  • 01-小程序课程介绍
  • 02-微信小程序注册步骤
  • 03-搭建小程序开发环境
  • 04-小程序的页面布局
  • 05-小程序基本逻辑的处理
  • 06-小程序的配置-页面路径
  • 07-小程序的配置-窗口表现
  • 08-小程序的配置-tab栏
  • 09-小程序的配置-页面配置
  • 10-小程序长度单位rpx
1-2 小程序组件和样式
  • 11-小程序组件-navigator
  • 12-小程序组件-image
  • 13-小程序组件-swiper
  • 14-小程序组件-表单相关
  • 15-小程序组件-scroll-view
  • 16-小程序样式-全局样式
  • 17-小程序样式-静态资源
  • 18-小程序样式-字体图标
1-3 小程序模板语法
  • 01-导入小程序项目
  • 02-小程序模板语法-数据绑定
  • 03-小程序模板语法-条件渲染
  • 04-小程序模板语法-列表渲染-1
  • 05-小程序模板语法-列表渲染-2
1-4 小程序内置API
  • 06-小程序内置API-网络请求
  • 07-小程序内置API-合法域名配置
  • 08-小程序内置API-界面交互
  • 09-小程序内置API-本地存储
  • 10-小程序内置API-API的特征
  • 11-小练习-搜索历史
1-5 小程序事件处理
  • 12-小程序事件处理-事件对象-1
  • 13-小程序事件处理-事件对象-2
  • 14-小程序事件处理-scroll-view组件事件
  • 15-小程序事件处理-表单组件事件
1-6 小程序生命周期和分包加载
  • 16-小程序的生命周期-页面生命周期
  • 17-小程序的生命周期-页面生命周期-应用生命周期
  • 01-小程序分包加载-为什么要分包加载
  • 02-小程序分包加载-使用分包配置
  • 03-小程序分包加载-分包预加载
1-7 小程序自定义组件
  • 04-小程序自定义组件-基本语法
  • 05-小程序自定义组件-组件样式-1
  • 06-小程序自定义组件-组件样式-2
  • 07-小程序自定义组件-slot(插槽)
  • 08-小程序自定义组件-生命周期-1
  • 09-小程序自定义组件-生命周期-2
  • 10--小程序自定义组件-组件通信
  • 11-小程序自定义组件-自定义属性
  • 12-小程序自定义组件-自定义事件-1
  • 13-小程序自定义组件-自定义事件-2
  • 14-小程序自定义组件-Vant组件库-1
  • 15-小程序自定义组件-Vant组件库-2
  • 16-小练习-昵称和头像-1
  • 17-小练习-昵称和头像-2
  • 18-小练习-昵称和头像-3
1-8 小程序框架接口
  • 19-小程序框架接口-应用实例-1
  • 20-小程序框架接口-应用实例-2
  • 21-小程序框架接口-页面栈-1
  • 22-小程序框架接口-页面栈-2
第二章 享+生活原生小程序项目
2-1 小程序团队开发
  • 01-小程序团队开发-申请权限
  • 02-小程序团队开发-优化目录结构
  • 03-小程序团队开发-启用less或sass
  • 04-小程序团队开发-配置VSCode
2-2 基础封装
  • 05-享+生活-项目启动
  • 06-享+生活-基础封装(消息反馈)
  • 07-享+生活-基础封装(网络请求)
2-3 公告管理
  • 08-享+生活-公告管理(公告列表)
  • 09-享+生活-公告管理(公告详情)
2-4 用户管理(一)
  • 10-享+生活-用户管理(登录检测)-1
  • 11-享+生活-用户管理(登录检测)-2
  • 12-享+生活-用户管理(短信验证码)-1
  • 13-享+生活-用户管理(短信验证码)-2
  • 14-享+生活-用户管理(短信验证码)-3
  • 15-享+生活-用户管理(登录&注册)-1
  • 16-享+生活-用户管理(登录&注册)-2
  • 17-享+生活-用户管理(登录&注册)-3
2-5 用户管理(二)
  • 18-享+生活-用户管理(头像和昵称)-1
  • 19-享+生活-用户管理(头像和昵称)-2
  • 20-享+生活-用户管理(头像和昵称)-3
  • 21-享+生活-用户管理(头像和昵称)-4
  • 01-享+生活-刷新token-1
  • 02-享+生活-刷新token-2
  • 03-享+生活-无感请求
  • 04-享+生活-重新登录
  • 04-享+生活-重新登录(bug修复-1)
  • 04-享+生活-重新登录(bug修复-2)
2-6 添加房屋(一)
  • 05-享+生活-添加房屋(位置服务)-1
  • 06-享+生活-添加房屋(位置服务)-2
  • 07-享+生活-添加房屋(位置服务)-3
  • 08-享+生活-添加房屋(位置服务)-4
  • 09-享+生活-添加房屋(位置服务)-5
  • 10-享+生活-添加房屋(位置服务)-6
2-7 添加房屋(二)
  • 11-享+生活-添加房屋(房屋信息)-1
  • 12-享+生活-添加房屋(房屋信息)-2
  • 13-享+生活-添加房屋(检测登录)
  • 14-享+生活-添加房屋(表单验证)
  • 15-享+生活-添加房屋(上传图片)-1
  • 16-享+生活-添加房屋(上传图片)-2
  • 17-享+生活-添加房屋(提交表单)
2-8 房屋列表
  • 18-享+生活-房屋列表
  • 19-享+生活-修改房屋的状态
  • 20-享+生活-查询房屋详情
  • 21-享+生活-删除房屋-1
  • 22-享+生活-删除房屋-2
2-9 在线报修
  • 01-享+生活-在线报修(组件交互)
  • 02-享+生活-在线报修(房屋列表)
  • 03-享+生活-在线报修(维修项目)
  • 04-享+生活-在线报修(选择房屋和维修项目)
  • 05-享+生活-在线报修(选择预约时间)
  • 06-享+生活-在线报修(上传附件)
  • 07-享+生活-在线报修(表单验证)
  • 08-享+生活-在线报修(提交表单)
2-10 报修列表和报修详情
  • 09-享+生活-报修列表
  • 10-享+生活-报修详情
  • 11-享+生活-报修详情(路线规划)-1
  • 12-享+生活-报修详情(路线规划)-2
  • 13-享+生活-修改报修信息-1
  • 14-享+生活-修改报修信息-2
  • 15-享+生活-取消报修
2-11 访客邀请
  • 01-享+生活-访客邀请-1
  • 02-享+生活-访客邀请-2
  • 03-享+生活-访客邀请-3
  • 04-享+生活-访客邀请-4
2-12 访客详情和访客列表
  • 05-享+生活-访客详情-1
  • 06-享+生活-访客详情-2
  • 07-享+生活-访客详情-3
  • 08-享+生活-访客列表-1
  • 09-享+生活-访客列表-2
  • 10-享+生活-访客列表-3
第三章 小兔鲜儿电商uni-app项目
3-1 uni-app安装和项目创建
  • 01-微信小程序课程安排
  • 02-创建uni-app项目
  • 03-pages.json和tabBar案例
  • 04-uni-app和原生小程序开发区别
  • 05-通过命令行方式安装uni-app
  • 06-用VSCode开发uni-app项目
3-2 基础架构搭建
  • 07-拉取小兔鲜儿项目模板代码
  • 08-基础架构-安装uni-ui组件库
  • 09-基础架构-小程序端Pinia持久化
  • 10-基础架构-请求和上传文件拦截器
  • 11-基础架构-请求函数封装-请求成功-图形化
  • 12-基础架构-请求函数封装-失败情况
3-3 自定义导航栏和轮播图实现
  • 13-首页-自定义导航栏
  • 01-轮播图-通用组件自动导入
  • 02-轮播图-指示点
  • 03-轮播图-获取轮播图数据
  • 04-轮播图-数据类型定义和渲染
  • 05-轮播图-总结
3-4 前台分类和热门推荐
  • 06-前台分类-组件封装
  • 07-前台分类-获取数据
  • 08-前台分类类型定义和渲染
  • 09-首页-热门推荐
3-5 猜你喜欢
  • 10-猜你喜欢-组件封装
  • 11-猜你喜欢-获取数据
  • 12-猜你喜欢-类型定义和列表渲染
  • 13-猜你喜欢-分页准备
  • 14-猜你喜欢-分页加载
  • 15-猜你喜欢-分页条件
3-6 首页下拉刷新+骨架屏
  • 16-首页-下拉刷新
  • 17-首页-下拉刷新-猜你喜欢数据获取
  • 18-首页-骨架屏
3-7 热门推荐
  • 01-热门推荐-准备工作
  • 02-热门推荐-获取数据
  • 03-热门推荐-类型定义
  • 04-热门推荐-页面渲染和Tab交互
  • 05-热门推荐-分页加载
  • 06-热门推荐-分页条件
3-8 商品分类
  • 07-商品分类-准备工作
  • 08-商品分类-渲染一级分类和Tab交互
  • 09-商品分类-渲染二级分类和商品
  • 10-商品分类-骨架屏
3-9 商品详情
  • 11-商品详情-准备工作
  • 12-商品详情-页面渲染
  • 13-商品详情-轮播图交互
  • 14-商品详情-弹出层组件
  • 15-商品详情-弹出层交互
3-10 登录模块
  • 01-登录模块-小程序快捷登录
  • 02-登录模块-模拟快捷登录
  • 03-登录模块-保存登录信息
3-11 会员中心
  • 04-会员中心-会员信息展示
  • 05-会员中心-猜你喜欢分页加载
  • 06-会员中心-设置页分包和预下载
  • 07-会员中心-退出登录
3-12 个人信息
  • 08-个人信息-准备工作
  • 09-个人信息-获取和渲染
  • 10-个人信息-修改用户头像
  • 11-个人信息-修改用户昵称
  • 12-个人信息-同步头像昵称
  • 13-个人信息-修改性别
  • 14-个人信息-修改生日
  • 15-个人信息-修改城市
  • 16-个人信息-技术点总结
3-13 地址模块
  • 01-地址模块-准备工作
  • 02-地址模块-新建地址
  • 03-地址模块-列表渲染
  • 04-地址模块-修改地址-数据回显
  • 05-地址模块-修改地址-提交表单
  • 06-地址模块-表单校验
  • 07-地址模块-删除地址
3-14 SKU模块
  • 08-SKU模块-插件基本使用
  • 09-SKU模块-渲染商品信息
  • 10-SKU模块-打开弹窗设置按钮模式
  • 11-SKU模块-计算被选中的值
  • 12-SKU模块-加入购物车
3-15 购物车模块
  • 13-购物车模块-列表渲染
  • 14-购物车模块-删除单品
  • 15-购物车模块-修改单品数量
  • 16-购物车模块-修改选中状态
  • 17-购物车模块-底部结算信息
  • 18-购物车模块-可后退的购物车页
3-16 填写订单
  • 01-填写订单-渲染基本信息
  • 02-填写订单-收货地址
  • 03-填写订单-立即购买
  • 04-填写订单-提交订单
3-17 订单详情
  • 05-订单详情-自定义导航栏交互
  • 06-订单详情-订单状态渲染
  • 07-订单详情-待支付倒计时
  • 08-订单详情-待付款-订单支付
  • 09-订单详情-待发货-模拟发货
  • 10-订单详情-待收货-确认收货
  • 11-订单详情-待收货-订单物流
  • 12-订单详情-删除订单
3-18 订单列表
  • 13-订单列表-Tabs滑动切换
  • 14-订单列表-Tabs页面跳转高亮
  • 15-订单列表-列表渲染
3-19 订单支付+项目打包
  • 16-订单列表-订单支付
  • 17-项目打包-微信小程序端发布上线
  • 18-项目打包-条件编译和网页端打包

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

展开
第一章 React.js
1-1 React介绍
  • 01-React介绍和快速体验
  • 02-开发环境搭建
  • 03-React初体验
1-2 JSX语法
  • 04-JSX的使用和原理
  • 05-写JSX推荐的VSCode配置
  • 06-JSX中{}的应用
1-3 组件和组件状态
  • 07-React事件绑定
  • 08-React组件
  • 09-组件的状态
  • 10-修改状态的规则
1-4 评论案例
  • 11-B站评论案例-1使用组件搭建案例结构
  • 12-B站评论案例-2评论列表的渲染
  • 13-B站评论案例-2评论列表的删除
  • 14-B站评论案例-3评论列表的喜欢和不喜欢
  • 15-B站评论案例-3导航Tab的渲染和操作
  • 16-使用classnames优化类名处理
  • 01-使用状态操作表单元素的值
  • 02-useRef与DOM操作
  • 03-B站评论案例-发布评论
1-5 组件通讯
  • 04-组件的props
  • 05-组件通讯-1父子组件通讯
  • 06-非父子组件通讯-1兄弟组件通讯
  • 07-非父子组件通讯-2跨组件通讯
1-6 React Hooks
  • 08-useEffect 的使用
  • 09-useEffect的扩展
  • 10-useEffect应用-发送请求
  • 11-React Hooks 解释和使用规则
1-7 管理频道案例
  • 12-知乎频道管理案例-1展示或隐藏频道弹窗
  • 13-知乎频道管理案例-2渲染频道数据
  • 14-知乎频道管理案例-3移除或添加频道
1-8 Redux
  • 01.Redux快速上手
  • 02.Redux与React-环境准备
  • 03.Redux与React-实现counter
  • 04.Redux与React-提交action传参
  • 05.Redux与React-异步状态操作
  • 06.Redux调试-devtools
1-9 美团案例
  • 07.美团案例-案例演示和环境准备
  • 08.美团案例-分类和商品列表渲染
  • 09.美团案例-点击分类激活交互实现
  • 10.美团案例-商品列表切换显示
  • 11.美团案例-添加购物车实现
  • 12.美团案例-统计区域功能实现
  • 13.美团案例-购物车列表功能实现
  • 14.美团案例-控制购物车显示和隐藏
1-10 ReactRouter
  • 01.ReactRouter-快速开始
  • 02.ReactRouter-抽象路由模块
  • 03.ReactRouter-路由导航跳转
  • 04.ReactRouter-导航跳转传参
  • 05.ReactRouter-嵌套路由配置
  • 06.ReactRouter-默认二级路由配置
  • 07.ReactRouter-404路由配置
  • 08.ReactRouter-俩种路由模式
1-11 综合案例-记账本
  • 09.记账本-功能演示和环境创建
  • 10.记账本-配置别名路径@
  • 11.记账本-数据Mock实现
  • 12.记账本-整体路由设计
  • 13.记账本-antD主题色定制
  • 14.记账本-Redux管理账目列表
  • 15.记账本-TabBar功能实现
  • 01.月度账单-统计区域-功能演示和结构搭建
  • 02.月度账单-统计区域-点击切换时间选择框
  • 03.月度账单-统计区域-点击确定切换时间显示
  • 04.月度账单-统计区域-数据按月分组实现
  • 05.月度账单-统计区域-计算选择月份之后的统计数据
  • 06.月度账单-统计区域-初始化渲染统计数据
  • 07.月度账单-列表区域-单日统计列表实现
  • 08.月度账单-列表区域-单日账单列表渲染显示
  • 09.月度账单-列表区域-点击切换账单展开和收起
  • 10.月度账单-账单类型图标组件封装
  • 11.新增账单-功能熟悉和结构搭建
  • 12.新增账单-支出和收入功能实现
  • 13.新增账单-新增表单实现
  • 14.新增账单-收尾优化

阶段八 前端就业加强课

展开
第一章 前端就业加强课
1-1 内容介绍【react面试题是选学,参考讲义即可】
  • 00-内容介绍
1-2 HTML+CSS
  • 01-HTML基础-HTML5的基本认知
  • 02-HTML基础-data-开头的元素属性是什么
  • 03-HTML基础-谈谈你对 HTML 语义化的理解?
  • 04-HTML基础-HTML5 对比 HTML4 有哪些不同之处?
  • 05-HTML基础-meta 标签有哪些常用用法?
  • 06-HTML基础-img 标签的 srcset 的作用是什么?
  • 07-HTML基础-响应式图片处理优化Picture标签
  • 08-HTML基础-在 script 标签上使用 defer 和 async 的区别是什么?
  • 09-HTML基础-前端做本地存储的方式有哪些
  • 10-CSS基础-CSS选择器的优先级
  • 11-CSS基础-通过CSS的哪些方式可以隐藏页面上的元素
  • 12-CSS基础-px, em, rem之间的区别
  • 13-CSS基础-让元素水平居中的方法有哪些(4种)
  • 14-CSS基础-在 CSS 中有哪些定位方式
  • 15-CSS基础-如何理解 z-index, z-index的小坑
  • 16-CSS基础-如何清除浮动
  • 17-CSS基础-谈谈你对 BFC 的理解
  • 18-CSS基础-什么是CSS Sprites以及它的好处
  • 19-CSS基础-你对媒体查询的理解是什么样的?(响应式适配)
  • 20-CSS基础-你对盒模型的理解是什么样的?标准盒子模型和怪异盒子模型的区别是什么
  • 21-CSS基础-说说伪类和伪元素的区别
  • 22-CSS基础-谈谈你对 flex 的理解
1-3 JavaScript基础
  • 23-JS基础-解释下什么是变量提升
  • 24-JS基础-JS的参数以什么方式传递的
  • 25-JS基础-JavaScript垃圾回收01
  • 26-JS基础-JavaScript垃圾回收02
  • 00-简要复习
  • 01-JS基础-谈谈你对 JavaScript 作用域链的理解
  • 02-JS基础-谈谈你对闭包的理解
  • 03-JS基础-闭包补充说明
  • 04-JS基础-数据类型的隐式转换规则(了解)
  • 05-JS基础-谈谈你对原型链的理解
  • 06-JS基础-为什么要有继承
  • 07-JS基础-继承-原型继承
  • 08-JS基础-继承-组合式继承
  • 09-JS基础-继承-寄生组合式继承
  • 10-JS基础-es6-class 实现继承 extends
  • 11-JS基础-如何判断是否是数组
  • 12-JS基础-this指向的整理
  • 13-JS基础-this小练习-箭头函数中的this问题
  • 14-JS基础-Promise的静态方法
  • 15-JS基础-宏任务和微任务
  • 16-JS基础-宏任务微任务练习题1
  • 17-JS基础-宏任务微任务练习题2
1-4 HTTP协议
  • 18-HTTP协议-HTTP的常见方法
  • 19-HTTP协议-GET方法和POST方法有何区别
  • 20-HTTP协议-请求报文的组成部分
  • 21-HTTP协议-响应报文的组成部分
  • 22-HTTP协议-状态码-2xx
  • 23-HTTP协议-状态-3xx(重点记忆304)
  • 24-HTTP协议-状态码(4xx和5xx)400,401
  • 25-HTTP协议-keep-alive是什么(复用连接)
  • 26-简要小结
  • 01-HTTP协议-为什么需要HTTPS
  • 02-HTTP协议-对称加密
  • 03-HTTP协议-非对称加密和HTTPS的加密解决方案
  • 04-HTTP协议-数字证书(保证你正在访问的网站是安全的-登记了该网站和该网站公钥信息)
  • 05-HTTP协议-数字签名和小结
  • 06-HTTP协议-HTTP2和HTTP1相比的优势
  • 07-HTTP协议-http缓存的基本认知
  • 08-HTTP协议-强缓存的认知
  • 09-HTTP协议-协商缓存认知
  • 10-HTTP协议-整体巩固
  • 11-HTTP协议-整体缓存流程图
1-5 TCP协议
  • 12-TCP协议-一次完整的http服务的流程
  • 13-TCP协议-什么是DNS解析
  • 14-TCP协议-三次握手
  • 15-TCP协议-四次挥手
1-6 浏览器原理
  • 16-DOM-事件流和事件委托
  • 17-浏览器原理-浏览器是如何解析选择器的-1
  • 18-浏览器原理-如何解析选择器的-2
  • 19-浏览器原理-浏览器是如何进行界面渲染的
  • 20-浏览器原理-重排和重绘的认知
  • 21-浏览器原理-浏览器对于重绘重排的优化
  • 22-浏览器原理-如何从重绘和重排角度优化性能
  • 00-复习回顾
  • 01-浏览器原理-前端如何实现即时通信
  • 02-浏览器原理-同源策略和跨域
1-7 前端工程化
  • 03-前端工程化-babel的原理
  • 04-前端工程化-babel实现插件
  • 05-前端工程化-git工作流
  • 06-前端工程化-git的rebase和merge的区别
  • 07-前端工程化-git的reset回退和revert撤销
1-8 Vue相关
  • 08-vue相关-什么是MVVM
  • 09-vue相关-谈谈对于vue生命周期的理解
  • 10-vue相关-组件通信-父子props和$emit
  • 11-vue相关-组件通信-$children $parent $refs
  • 12-vue相关-组件通信-provide inject
  • 13-vue相关-组件通信-$attrs和$listeners
  • 14-vue相关-组件通信-vuex
  • 15-上午回顾
  • 16-vue相关-computed和watch的区别
  • 17-vue相关-vue双向数据绑定的原理
  • 18-vue相关-响应式系统原理(dep收集依赖-数据变化后-根据依赖派发更新)
  • 19-vue相关-key的作用
  • 20-vue相关-Vue 跳转路由时的传参方式 (query和params的区别)
  • 21-vue相关-vue项目进行SEO优化
  • 22-vue相关-vue项目权限控制
  • 23-vue相关-vue项目支付功能
  • 24-vue相关-如何处理打包出来的项目首屏加载过慢
  • 25-vue相关-你在项目中遇到过什么技术难题
  • 26-vue相关-请简单介绍一下你们的项目
第二章 JS原理
2-1 手写call、apply、bind方法
  • 01-如何确认this的值
  • 02-如何指定this的值
  • 03.手写call方法01-核心功能
  • 04.手写call方法02-Symbol调优
  • 05.手写apply方法
  • 06.手写bind方法
2-2 类和继承
  • 07.class核心语法
  • 08.class实现继承
  • 09.class静态属性和私有属性
  • 10.寄生组合继承
2-3 fetch
  • 11.fetch核心语法
  • 12.fetch提交FormData
  • 13.fetch提交JSON
2-4 Generator
  • 14.Generator核心语法
  • 15.Generator管理异步
2-5 手写promise-核心功能
  • 01.手写promise-核心功能-构造函数
  • 02.手写promise-核心功能-状态及原因
  • 03.手写Promise-核心功能-then方法-成功和失败回调
  • 04.手写Promise-核心功能-then方法-异步及多次调用
  • 05.手写Promise-核心功能-异步任务-核心api
  • 06.手写Promise-核心功能-异步任务-函数封装
  • 07.手写Promise-核心功能-链式编程-处理异常和普通内容
  • 08.手写Promise-核心功能-链式编程-处理返回Promise
  • 09.手写Promise-核心功能-链式编程-处理重复引用
  • 10.手写Promise-核心功能-链式编程-rejected状态
  • 11.手写Promise-链式编程-pending状态
  • 12.手写Promise-实例方法-catch
  • 13.手写Promise-实例方法-finally
2-6 手写Promise-静态方法
  • 14.手写Promise-静态方法-resolve
  • 15.手写Promise-静态方法-reject
  • 16.手写Promise-静态方法-race
  • 17.手写Promise-静态方法-all(实现到判断空数组)
  • 18.手写Promise-.静态方法-all(全部兑现及第一个拒绝)
  • 19.手写Promise-静态方法-allSettled-核心用法
  • 20.手写Promise-静态方法-allSettled-实现
  • 21.手写Promise-静态方法-any-核心用法
  • 22.手写Promise-静态方法-any-实现
  • 23.手写Promise-PromiseAplus测试
2-7 函数柯里化
  • 01.函数柯里化-介绍
  • 02.函数柯里化-面试题
  • 03.函数柯里化-面试题-调优
  • 04.函数柯里化应用-类型判断
2-8 设计模式
  • 05.JavaScript设计模式-工厂模式
  • 06.设计模式-单例模式-自己实现单例方法
  • 07.设计模式-单例模式-源码学习
  • 08.设计模式-观察者模式
  • 09.设计模式-发布订阅模式-实现$on和$emit
  • 10.设计模式-发布订阅模式-实现$off和$once
  • 11.设计模式-原型模式
  • 12.设计模式-代理模式
  • 13.设计模式-迭代器模式-forin和forof
  • 14.迭代器模式-可迭代对象
第三章 Three.js
3-1 Three.js基础(一)
  • 01.导学
  • 02.three.js 三要素
  • 03.three.js立方体
  • 04.three.js轨道控制器
  • 05.three.js坐标轴
  • 06.轨道控制器-控制_上
  • 06.轨道控制器-控制_下
  • 07.优化-适配场景大小
  • 08.three.js移动立方体
  • 09.three.js使用GUI工具_上
  • 09.three.js使用GUI工具_下
  • 10.练习小结-初始化立方体
  • 11.案例-五颜六色立方体
3-2 Three.js基础(二)
  • 12.three.js多个立方体
  • 13.three.js性能监视器
  • 14.three.js删除物体
  • 15.three.js 物体分组管理
  • 16.练习-多种缓冲几何体
  • 17.介绍点物体
  • 18.three.js线物体和材质
  • 19.three.js线物体区别
  • 20.three.js 全景图贴图
  • 21.three.js 立方体贴图
  • 22.案例-全景公园
  • 23.three.js 视频纹理
  • 24.three.js 3D 渲染器
  • 25.three.js 鼠标事件
3-3 Three.js案例初始化
  • 01.项目开始-Vite项目初始化
  • 02.three.js 基本要素准备
  • 03.three.js 适配和立方体
3-4 Three.js展厅案例
  • 04.展厅一的设置
  • 05.展厅一的地板标记
  • 06.展厅二的切换
  • 07.展厅三的切换
  • 08.展厅四的内容创建
  • 09.展厅四的事件绑定
  • 10.展厅五展示
3-5 材质
  • 01.基础网格材质_颜色贴图
  • 02.基础网格材质_透明度贴图
  • 03.基础网格材质_环境遮挡贴图
  • 04.Lambert网格材质_基础_上
  • 04.Lambert网格材质中 ao 贴图对环境光的反应_下
  • 05.Phong 网格材质
  • 06.标准网格材质-粗糙度和贴图
  • 07.标准网格材质-金属度和贴图
  • 08.标准网格材质-位移贴图
  • 09.标准网格材质-法线贴图
  • 10.环境贴图
  • 11.物理网格材质-清漆度
  • 12.认识模型文件并使用
  • 13.模型-查找并修改细节
  • 14.修改摄像机位置和观察点
  • 15.世界坐标系和模型坐标系
3-6 光源
  • 16.光源-环境光
  • 17.光源-点光源
  • 18.光源-平行光
  • 19.光源-聚光灯
  • 20.灯光与阴影
3-7 动画和物体
  • 21.gsap动画库_上
  • 21.让光源跟着做动画_下
  • 22.CSS2D渲染器
  • 23.three.js 精灵物体
  • 24.class 类的使用
  • 25.立方体类的创建和使用
  • 26.球体和基类的使用
3-8 在线选车项目
  • 01.项目-在线选车介绍
  • 02.项目-模板介绍
  • 03.项目-汽车模型加载_模型加载函数
  • 04.项目-汽车模型加载_Car 类的定义和使用
  • 05.项目-灯光添加
  • 06.项目-汽车皮肤修改
  • 07.项目-添加背景
  • 08.项目-车门热点标记
  • 09.项目-车门开关效果_数据收集
  • 10.项目-车门开关效果_光线投射和功能完成
  • 11.项目-事件总线
  • 12.项目-车颜色修改
  • 13.项目-贴膜切换
  • 14.项目-价格计算
  • 15.项目-场景切换
  • 16.项目-视角切换
  • 17.项目-玻璃透视效果
  • 18.项目-聚光灯阴影效果
  • 19.项目-聚光灯切换
3-9 顶点坐标和着色器
  • 01.顶点坐标-绘制正方形
  • 02.顶点颜色-绘制渐变正方形
  • 03.渲染管线
  • 04.初识-着色器
  • 05.着色器变量-attribute
  • 06.着色器变量-uniform
  • 07.着色器变量-varying
  • 08.着色器-练习-渐变效果
  • 09.着色器-练习-波浪效果
  • 10.着色器-练习-旋转效果
3-10 智慧城市项目
  • 01.项目-介绍
  • 02.项目-模型加载
  • 03.项目-城市加载
  • 04.项目-城市细节修改-材质颜色
  • 05.项目-城市细节修改-边线设置
  • 06.项目-城市细节修改-着色器
  • 07.项目-水面效果
  • 08.项目-添加游船物体
  • 09.项目-天空背景
  • 10.项目-火灾标记
  • 11.项目-火灾影响范围标记
  • 12.项目-建筑物信息标记
  • 13.项目-水波纹动态效果
  • 14.项目-游船效果
  • 15.项目-点击查看建筑信息
  • 16.项目-点击隐藏建筑信息
  • 17.项目-火灾范围影响动效
  • 18.项目-鸟瞰模式
  • 19.项目-漫游模式
  • 20.项目-上_漫游模式-相机旋转
  • 20.项目-下_漫游模式-bug修复
  • 21.项目-模型进度加载
  • 22.项目-集成接口
  • 23.项目-ECharts的集成
  • 24.项目-产业分布查看
  • 25.项目-火灾标记切换
  • 26.项目-three.js项目移植到Vue中