课程试听
正在播放

阶段一 前端开发基础

展开
第一章 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设置解析别名路径

阶段五 Vue2+Vue3项目实战开发

展开
第一章 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-预览功能完成
第二章 黑马智数(微前端)项目
2-1 项目介绍和vue-admin认知
  • 01.项目前置介绍
  • 02.认识vue-admin
  • 03.项目目录熟悉
  • 04.项目关键文件-package.json
  • 05.项目关键文件-main.js
  • 06.项目关键文件-app.vue
  • 07.项目关键文件-vue-router
  • 08.项目关键文件-vuex
  • 09.请求模块-request
  • 10.请求模块-api
  • 11.请求模块-封装请求
  • 12.路由和菜单的关系
  • 13.使用gitee管理代码
2-2 登录功能实现
  • 14.登录-表单基础校验实现
  • 15.登录-点击登录统一校验
  • 16.登录-使用vuex管理用户token
  • 17.补充-action错误和模块化错误
  • 18.登录-跳转到首页提示用户
  • 19.登录-token持久化操作
  • 20.补充-存取方式对比
  • 21.重点内容总结
2-3 记住我和退出功能实现
  • 01.token添加到请求头
  • 02.记住我功能-实现记住功能
  • 03.记住我功能-实现取消记住功能
  • 04.退出登录实现
  • 05.根据token的有无控制路由跳转
  • 06.接口统一错误提示处理
2-4 月卡管理
  • 07.月卡管理-功能说明和结构搭建
  • 08.月卡管理-table的基础渲染
  • 09.月卡管理-适配状态显示
  • 10.月卡管理-通过映射方式做匹配
  • 11.月卡管理-分页逻辑实现
  • 12.月卡管理-搜索功能实现
  • 13.补充-下拉框的属性说明
  • 14.月卡管理-搜索bug修复
2-5 新增月卡
  • 15.新增月卡-路由绑定跳转
  • 16.新增月卡-完成车辆信息基础校验
  • 17.新增月卡-自定义校验规则
2-6 缴费信息和表单提交
  • 01.重点内容回顾
  • 02.缴费信息表单准备
  • 03.补充-看组件库文档
  • 04.表单统一校验-串行校验实现
  • 05.收集表单数据提交接口
  • 06.提交成功之后的后续逻辑处理
2-7 编辑和删除月卡
  • 07.编辑月卡-携带id跳转路由
  • 08.编辑月卡-补充作用域插槽
  • 09.编辑月卡-使用id完成数据回显
  • 10.编辑月卡-通过id判断调用不同接口完成更新
  • 11.梳理新增和编辑流程区别和核心重点
  • 12.单个删除功能实现
  • 13.批量删除月卡
2-8 企业管理
  • 01.企业管理-功能演示和模版创建
  • 02.企业管理-渲染基础table列表
  • 03.企业管理-分页逻辑实现
  • 04.补充-参数的监测以实际network为主
  • 05.企业管理-搜索功能实现
  • 06.企业管理-清除搜索功能
  • 07.新增企业-路由绑定跳转
  • 08.新增企业-行业列表下拉框渲染
2-9 上传合同功能
  • 09.上传合同-通过el-upload得到文件对象file
  • 10.上传合同-准备formData实现核心上传逻辑
  • 11.上传合同-上传前校验逻辑
2-10 新增企业
  • 12.新增企业-添加表单基础校验
  • 13.新增企业-手机号自定义校验
  • 14.新增企业-上传完毕对营业执照做单独校验
  • 15.新增企业-收集表单数据调用接口
  • 16.梳理上传流程和表单校验
2-11 编辑企业
  • 17.编辑企业-携带id跳转并存储id
  • 18.编辑企业-回填数据
  • 19.编辑企业-调用更新完成更新企业
2-12 新增合同
  • 01.新增合同-打开和关闭弹框
  • 02.新增合同-准备表单结构
  • 03.新增合同-准备楼宇下拉框数据
  • 04.新增合同-不同接口下的下拉列表实现
  • 05.新增合同-实现合同的核心上传逻辑
  • 06.补充-上传也是一种表单交互的形式
  • 07.新增合同-完成核心添加业务逻辑
  • 08.新增合同-完成新增成功之后的后续逻辑处理
2-13 合同列表
  • 09.合同列表-准备内嵌的合同列表
  • 10.合同列表-准备合同列表数据渲染合同列表
  • 11.合同列表-添加判断展开时请求
  • 12.补充-$set方法
  • 13.合同列表-格式化显示状态
  • 14.合同列表-通过插槽添加格式化tag模版
  • 15.合同列表-根据不同状态适配操作按钮
  • 16.重点内容总结
2-14 合同详情
  • 01.合同详情-路由跳转和基础数据渲染
  • 02.合同详情-在线预览和下载功能
2-15 计费规则
  • 03.计费规则-table表格渲染
  • 04.计费规则-分页实现
  • 数据导出
  • 05.计费规则导出-按照实际业务数据导出
2-16 角色管理
  • 01.重点知识回顾和实战思路解析
  • 02.角色管理-渲染基础角色列表
  • 03.角色管理-tab点击切换激活实现
  • 04.角色管理-tab点击激活交互实现icon图标渲染
  • 05.角色管理-基础树形结构渲染
  • 06.角色管理-tree默认展开和可选配置
  • 07.角色管理-通过递归函数处理禁用状态
  • 08.角色管理-点击切换时高亮已选的权限点
  • 09.角色管理-初始化的时候完成首次渲染
  • 10.角色管理-成员列表-tabs组件改造
  • 11.角色管理-获取成员列表
2-17 新增角色和button组件封装
  • 12.新增角色-绑定路由跳转
  • 13.新增角色-根据状态适配视图的变化
  • 14.新增角色-根据表单校验判断进入下一个状态
  • 15.button组件封装-通过插槽实现文案自定义
  • 16.button组件封装-添加size参数
  • 17.button组件封装-绑定点击事件
  • 18.button组件封装-全局可用
2-18 添加角色
  • 01.添加角色-准备树形数据列表
  • 02.添加角色-判断tree是否至少选择了一项
  • 03.添加角色-实现基础数据回填
  • 04.添加角色-区分两颗树把第二颗树禁用
  • 05.添加角色-收集表单数据完成添加
  • 06.添加角色-携带id跳转路由
  • 07.添加角色-完成数据回填
2-19 菜单权限控制(一)
  • 08.菜单权限控制-功能演示和方案介绍
  • 09.菜单权限控制-整体流程梳理
  • 10.菜单权限控制-获取用户权限数据
  • 11.菜单权限控制-处理权限数据得到一级和二级权限数据
2-20 权限菜单控制
  • 12.权限菜单控制-对权限数据做去重
  • 13.权限菜单控制-拆分动静路由表
  • 14.权限菜单控制-使用权限数据过滤动态路由表
  • 15.权限菜单控制-把动态路由表加入到路由系统中
  • 16.权限菜单控制-渲染左侧菜单
  • 17.权限菜单控制-修改路由组合逻辑优化网络请求
2-21 菜单权限控制(二)
  • 18.菜单权限控制流程梳理
  • 01.菜单权限控制复习
  • 02.菜单权限控制-退出登录时清空路由
2-22 按钮权限控制(二)
  • 03.按钮权限控制-需求理解和指令基础架子搭建
  • 04.按钮权限控制-指令核心逻辑编写
2-23 render函数拓展及业务场景
  • 05.拓展render-render函数的基础语法
  • 06.拓展render函数-适合render的场景
  • 07.通过render实现高阶组件方案
  • 08.业务典型场景说明
2-24 Vue3初识
  • 09.Vue3-简单介绍
  • 10.Vue3-创建一个Vue3的项目
  • 11.Vue3-项目关键文件熟悉
  • 12.Vue3-俩种API风格对比
  • 13.Vue3-两种风格的取舍
  • 14.Vue3-组合式API入口-setup
  • 15.Vue3组合式API-reactive
  • 16.Vue3组合式API-ref
  • 17.ref对比reactive
  • 18.Vue3组合式API-computed
  • 01.Vue3基础语法复习
2-25 组合式API
  • 02.组合式API-setup语法糖
  • 03.组合式API-watch基础使用
  • 04.组合式API-watch的额外参数
  • 05.组合式API-生命周期函数回顾
  • 06.组合式API-生命周期函数使用
  • 07.组合式API下的父传子-基础的数据传递
  • 08.组合式API下的父传子-传递响应式数据
  • 09.组合式API下的子传父-基础使用
  • 10.组合式API下的父传子-子传父
  • 11.组合式API-模版引用-获取dom对象
  • 12.组合式API-模版引用获取组件实例(defineExpose)
  • 13.组合式API-provide和inject的基础用法
  • 14.组合式API-provide和inject反向修改数据
2-26 Vue3综合案例
  • 15.综合案例-环境准备
  • 16.综合案例-列表渲染
  • 17.综合案例-删除功能实现
  • 18.综合案例-编辑功能实现
2-27 大屏项目初始化
  • 01.大屏项目-使用create-vue初始化项目
  • 02.大屏项目-准备utils模块
  • 03.大屏项目-准备基础路由
2-28 大屏项目数据展示和图表渲染
  • 04.大屏项目-初始化样式
  • 05.大屏项目-园区管理数据渲染
  • 06.常见问题说明
  • 07.大屏项目-年度收入统计-图表基础渲染
  • 08.大屏项目-年度收入统计-按照业务修改图表
  • 09.大屏项目-产业分布图表渲染
  • 10.大屏项目-基于逻辑的拆分实现
  • 11.拆分时问题说明
2-29 大屏项目文件导出和3D模型渲染
  • 12.大屏项目-借助入口文件做中转导出
  • 13.大屏项目-3D模型渲染
  • 14.大屏项目-使用loading减少等待焦虑
2-30 微前端
  • 01.重点内容回顾
  • 02.使用插件做大屏适配
  • 03.微前端背景说明
  • 04.微前端主应用乾坤配置
  • 05.微前端子应用乾坤配置
  • 06.微前端主应用点击按钮跳转
2-31 实际上线流程和模拟上线
  • 07.实际上线流程说明
  • 08.环境变量基础使用
  • 09.模拟上线-主应用模拟上线
  • 10.模拟上线-主应用和子应用同时上线
2-32 拓展(了解):微前端技术原理
  • 01.核心实现步骤分析
  • 02.实现registerMicroApp
  • 03.实现覆写路由
  • 04.实现激活路由匹配
  • 05.实现子应用的加载和渲染

阶段六 微信小程序

展开
第一章 原生小程序
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 HBuilderX编辑器安装和配置
  • 01-项目及课程介绍
  • 02-HBuilderX安装
  • 03-HBuilderX创建项目
  • 04-HBuilderX运行项目
  • 05-微信小程序运行问题
  • 06-HBuilder真机运行环境-1
  • 07-HBuilder真机运行环境-2
  • 08-真机环境问题总结
  • 09-HBuilder安装插件
  • 10-HBuilder插件配置
  • 11-HBuilder基本配置
  • 12-答疑和HBuilder动手机测试
3-2 uni-app配置
  • 13-uni-app全局文件-uni.scss
  • 14-uni-app全局文件-App.vue
  • 15-答疑
  • 16-uni-app配置页面路径
  • 17-uni-app配置tabBar
  • 18-uni-app配置分包
  • 19-分包bug书写问题解释
  • 20-uni-app扩展组件
  • 01-uni-app中使用uViewPlus
  • 02-uni-app中生命周期的用法-1
  • 03-uni-app中生命周期的用法-2
  • 04-uni-app中API的调用
  • 05-uni-app中的条件编译
3-3 uni-app条件编译节点获取
  • 01-补充内容-屏幕安全区域
  • 02-uni-app条件编译-基本语法
  • 03-uni-app条件编译-实际应用
  • 04-uni-app节点获取的步骤
  • 05-uni-app节点获取方式
  • 06-uni-app节点对象信息
  • 07-uni-app组件规范easycom
3-4 uni-app自定义组件
  • 08-自定义组件-custom-tabs布局模板
  • 09-自定义组件-custom-tabs定义
  • 10-自定义组件-custom-tabs组件数据
  • 11-自定义组件-custom-tabs高亮显示
  • 12-自定义组件-custom-tabs节点位置
  • 14-自定义组件-custom-tabs位置数据处理
  • 15-自定义组件-custom-tabs计算指示器位置
  • 16-自定义组件custom-tabs调整指示器位置
  • 17-自定义组件custom-tabs数据传递
  • 18-自定义组件custom-sticky定义
  • 18-自定义组件custom-sticky定义属性
  • 19-自定义组件custom-sticky优化
  • 20-自定义组件custom-stickyy应用
  • 21-自定义组件样式隔离
3-5 uniForms表单和uni-app生命周期
  • 22-uniForms表单数据
  • 23-uniForms表单验证规则
  • 24-uniForms触发验证
  • 25-uni-app生命周期
3-6 优医问诊项目初始化
  • 01-学习反馈及粘性定位补充
  • 02-优医咨询-创建项目
  • 03-优医咨询-配置tabBar
  • 04-优医咨询-全局样式
  • 05-优医咨询-制作并导入字体图标
  • 06-优医咨询-自定义字体图标与uni-icons
  • 07-优医咨询-多色图标介绍
  • 08-优医咨询-多色图标转换
  • 09-powershell执行报错解决
  • 10-优医咨询-多色图标应用
  • 11-优医咨询-多色图标与uni-icons
  • 12-优医咨询-网站图标
3-7 网络请求配置
  • 13-优医咨询-网络请求模块安装
  • 14-优医咨询-网络请求配置基地址
  • 15-优医问诊-配置请求拦截器
  • 16-优医咨询-配置响应拦截器
  • 17-优医咨询-配置请求状态
3-8 Pinia安装和使用
  • 18-优医咨询-全局封装utils
  • 19-优医咨询-Pinia介绍
  • 20-优医咨询-安装并导入项目中
  • 21-优医咨询-Pinia定义Store
  • 22-优医咨询-Pinia选项式和组合式
  • 23-优医咨询-定义方法
  • 24-优医咨询-计算属性
3-9 登录功能
  • 25-优医咨询-登录页面布局
  • 26-优医咨询-登录tab切换-1
  • 27-优医咨询-登录tab切换-2
  • 28-优医咨询-表单组件
  • 01-学习反馈
  • 02-优医咨询-登录倒计时组件-1
  • 03-优医咨询-倒计时组件-2
  • 04-优医咨询-倒计时组件-3
  • 05-优医咨询-获取验证码接口封装
  • 06-优医咨询-获取验证码接口调用
  • 07-优医咨询-验证码登录接口封装
  • 08-优医咨询-验证码登录数据验证
  • 09-优医咨询-接口调用结果验证
  • 10-优医咨询-Pinia记录登录状态
  • 11-优医咨询-Pinia数据持久化
  • 12-优医咨询-Pinia数据持久化进阶
  • 13-优医咨询-Pinia部分数据持久化
  • 14-优医咨询-uniForms部分表单数据验证
  • 15-优医咨询-是否同意协议
  • 16-优医咨询-权限验证发送token
  • 17-优医咨询-权限验证检测状401
  • 18-优医咨询-初始页面中径参数
  • 19-优医咨询-获取页面路径
  • 20-优医咨询-登录成功跳转
  • 21-优医咨询-接口请求白名单
3-10 scroll-page组件及使用
  • 22-优医咨询-scroll-page组件介绍
  • 23-优医咨询-scroll-page高度和安全区
  • 24-优医咨询-scroll-page边框线和事件
  • 01-学习反馈
  • 02-优医咨询-我的页面模板
  • 03-优医咨询-custom-section组件
  • 04-优医咨询-scroll-page支持背景色
  • 05-优医咨询-个人信息
  • 06-优医咨询-退出登录
3-11 患者列表增删改查功能
  • 07-优医咨询-创建分包
  • 08-优医咨询-添加患者模板
  • 09-优医咨询-获取表单数据
  • 10-优医咨询-switch数据获取
  • 11-优医咨询-表单验证规则
  • 12-优医咨询-调用验证方法
  • 13-优医咨询-验证身份证号中的性别
  • 14-优医咨询-添加患者
  • 15-优医咨询-患者列表
  • 16-优医咨询-删除患者
  • 18-优医咨询-编辑患者-1
  • 19-优医咨询-编辑患者-2
  • 20-优医咨询-编辑患者-3
  • 21-优医咨询-患者列表防止抖动
  • 22-优医咨询-更新患者数据
3-12 首页相关功能实现
  • 23-优医咨询-首页模板布局
  • 01-优医咨询-首页列表组件
  • 02-优医咨询-列表组件交互的数据结构
  • 03-优医问诊-列表表组件tab数据
  • 04-优医咨询-列表组件缓存
  • 05-优医咨询-获取列表数据
  • 06-优医咨询-缓存列表数据请求
  • 07-优医咨询-分别存储列表数据
  • 08-优医咨询-渲染列表数据
  • 09-优医咨询-正则替换标签和处理文字溢出
  • 10-优医咨询-分页请求列表数据
  • 11-优医咨询-避免列表数据无效请求
  • 12-优医咨询-医生列表布局
  • 13-优医咨询-医生列表数据
  • 14-优医咨询-关注医生
  • 15-优医咨询-问诊分包及页面模板
  • 16-优医咨询-极速问诊传递参数
  • 17-优医咨询-一级科室列表
  • 18-优医咨询-科室tab切换交互
  • 19-优医咨询-二级科室列表
  • 20-优医咨询-地址传递参数
3-13 病情描述功能实现
  • 21-优医咨询-病情描述模板
  • 22-优医咨询-病情描述患病时长处理
  • 23-优医咨询-病情描述文字说明
  • 24-优医咨询-申请阿里云空间
  • 25-优医咨询-创建云开发环境
  • 01-uniCloud空间介绍
  • 02-优医咨询-病情描述上传图片
  • 03-优医咨询-病情描述数据验证
  • 04-优医咨询-病情数据缓存-1
  • 04-优医咨询-查看云存储的图片
  • 05-优医咨询-病情数据缓存-2
  • 06-优医咨义昌-病情数据缓存-3
  • 07-优医咨询-地址参数缓存
  • 08-优医咨询-选择患者模板
  • 09-优医咨询-选择患者列表
  • 10-正则表达式补充
  • 11-优医咨询-选择患者高亮状态切换
  • 12-优医咨询-选择患者获取患者ID
3-14 预付订单和支付
  • 13-优医咨询-预付订单页面模板
  • 14-优医咨询-记录患者ID
  • 15-优医咨询-预付订单信息
  • 16-优医咨询-预付订单患者信息
  • 17-优医咨询-生成待付款订单
  • 18-优医咨询-过滤上传的图片数据
  • 19-优医咨询-阻止订单重复创建
  • 20-优医咨询-数据浅拷贝bug修复
  • 21-优医咨询-支付渠道组件
  • 22-优医咨询-支付组件暴露方法
  • 23-优医咨询-支付组件自定义事件
  • 01-优医咨询-支付组件开放方法
  • 02-优医咨询-支付组件定义属性
  • 03-优医咨询-支付组件定义事件-1
  • 04-优医咨询-支付组件change事件
  • 05-优医咨询-支付组件close和confirm事件
  • 06-优医咨询-问诊订单支付-1
  • 07-优医咨询-问诊订单支付-2
  • 08-优医咨询-支付流程说明
  • 09-优医咨询-支付宝支付-1
  • 10-优医咨询-支付宝支付-2
  • 11-支付流程补充说明
  • 12-支付宝支付账号管理
3-15 问诊室建立websocket连接
  • 13-websocket介绍
  • 14-websocket测试
  • 15-socket.io客户端介绍
  • 16-socket.io客户端发送消息
  • 17-socket.io自定义事件
  • 19-优医咨询-问诊室页面模板
  • 20-优医咨询-问诊室建立websocket连接
  • 21-优医咨询-问诊室历史消息
  • 22-优医咨询-消息类型说明
  • 23-优医咨询-问诊室患者信息组件模板
  • 24-优医咨询-问诊室患者信息-1
  • 25-优医咨询-问诊室患者信息-2
  • 26-什么是长轮循
3-16 问诊室通知和评价
  • 27-优医咨询-查看大图
  • 28-优医咨询-问诊室通知消息
  • 01-优医咨询-问诊室接收文字消息
  • 02-优医咨询-问诊室文字图片消息渲染
  • 03-优医咨询-格式化时显示和消息已读状态
  • 04-优医咨询-问诊室处方消息
  • 05-优医咨询-医生评价模板
  • 06-优医咨询-获取医生评价数据
  • 07-优医咨询-医生评价字数统计和数据验证
  • 08-优医咨询-获取待评价医生的id
  • 09-优医咨询-问诊室评价医生-1
  • 10-优医咨询-问诊室医生评价状态
  • 11-优医咨询-问诊室医生已评价
  • 12-优医咨询-问诊室医生已评价数据回显
3-17 问诊订单状态
  • 13-优医咨询-监听问诊订单状态变化
  • 14-优医咨询-发送文字消息
  • 15-优医咨询-登录成功后存储用户ID
  • 16-优医咨询-调整消息对齐方式
  • 17-优医咨询-云开发上传图片
  • 18-优医咨询-发送图片消息
  • 19-优医咨询-问诊订单状态模板
  • 20-优医咨询-问诊订单状态数据渲染
  • 21-优医咨询-消息分段显示分析
  • 22-优医咨询-消息分段显示
  • 23-优医咨询-历史消息下拉交互
  • 24-优医咨询-下拉获取历史消息
  • 25-优医咨询-下拉获取历史消息分页
  • 01-优医咨询-药品订单获取收货地址
  • 02-优医咨询-生成预付订单信息
  • 03-优医咨询-药品订单支付组件
  • 04-优医咨询-药品订单待付款
  • 05-优医咨询-支付组件配置
3-18 药品订单和问诊订单
  • 06-优医咨询-药品订单支付宝支付
  • 07-优医咨询-药品订单支付结果
  • 08-优医咨询-药品订单详情数据获取
  • 09-优医咨询-药品订单详情数据渲染
  • 10-优医咨询-药品订单列表模板
  • 11-优医咨询-问诊订单列表模板(有点bug)
  • 12-优医咨询-问诊订单列表模板(修正)
  • 12-优医咨询-问诊订单列表组件交互分析
  • 13-优医咨询-问诊订单列表组件交互实现
  • 14-优医咨询-按类型获取问诊订单-1
  • 15-优医咨询-按类型获取问诊订单列表-2
  • 16-优医咨询-组件渲染数据说明
  • 17-优医咨询-加载更多组件说明
  • 18-优医咨询-分页请求问诊列表
  • 19-优医咨询-问诊订单防抖处理
  • 20-优医咨询-问诊列表下拉刷新
3-19 云开发介绍和云函数使用
  • 21-云开发概念介绍
  • 22-云函数的基本用法
  • 01-uniCloud云函数创建及调用
  • 02-腾讯地图创建应用并申请key
  • 03-云函数调用腾讯地图服务接口
  • 04-优医咨询-查看物流页面模板
  • 05-优医咨询-新建一个药品订单
  • 06- 优医咨询-地址传递药品订单ID
  • 07-优医咨询-获取物流信息并渲染
  • 08-优医咨询-处理地图服务经纬度数据
  • 09-优医咨询-地图组件展示路线
  • 10- 优医咨询-替换地图组件中的数据-1
  • 11-优医咨询-替换地图组件中的数据-2
3-20 QQ互联
  • 12-QQ互联介绍
  • 13-优医咨询-唤起QQ客户端
  • 14-配置本地服务器端口
  • 15-为本地服务器配置域名
  • 16-介绍ip和域名的关系
  • 17- 优医咨询QQ登录页面模板
3-21 云函数创建和获取
  • 18-优医咨询-创建云函数
  • 19-优医咨询-云函数获取openid
  • 20-优医咨询-云函数获取openid
  • 21-优医咨询-获取QQ用户信息
  • 22-优医咨询-检测是否绑定手机号
  • 23-优医咨询-绑定手机号
  • 24-优医咨询-已绑定状态直接登录
  • 25-优医咨询-解绑手机号
3-22 打包发布
  • 26-优医咨询-打包发布H5端
  • 27-优医咨询-打包小程序端-1
  • 27-优医咨询-打包小程序端-2
  • 28-优医咨询-打包App端

阶段七 Vue原理+Vue3项目实战开发

展开
第一章 Vue原理
1-1 Vue原理(一)
  • 01 内容介绍
  • 02 学习路线图
  • 03 响应式原理的概要介绍
  • 04 vue开发环境搭建
  • 05 vue.js的引入
  • 06 vue函数的定义
  • 07 object.defineproperty 配置
  • 08 双向绑定的实现
  • 09 数据代理的实现
  • 10 单层数据的响应式
1-2 Vue原理(二)
  • 11 Observer类的定义
  • 12 dep类的声明
  • 13 watcher类的定义
  • 14 依赖收集过程
  • 15 深层数据劫持
  • 16 数组响应式的原理
  • 17. 数组响应式实现
  • 18 数组依赖收集
1-3 Vue原理(三)
  • 01 vue中dom渲染流程
  • 02 render函数的介绍
  • 03 $mount的定义
  • 04 完整的模板获取
  • 05 模板编译入口定义
  • 06 模板转换的原理
  • 07 模板处理的正则表达式
  • 08 标签文本的判断
  • 09 parseStartTag的定义
  • 10 模板的截取
  • 11 开始标签的属性截取
1-4 Vue原理(四)
  • 12 ast构造的原理
  • 13 完成模板截取
  • 14 ast节点工厂函数的定义
  • 15 开始标签入栈
  • 16 结尾标签出栈
  • 17 文本处理
  • 18 parser.js的封装
  • 01 render函数的作用
  • 02 生成基本的render结构
  • 03 render函数属性的处理
  • 04 ast 子元素的处理
  • 05 ast 文字和变量的处理
1-5 Vue原理(五)
  • 06 render函数的拼接和挂载
  • 07 虚拟dom的生成
  • 08 update方法的准备
  • 09 patch的定义和调用
  • 10 节点生成
  • 11 虚拟dom添加属性
  • 12 节点替换
  • 13 watcher引入
  • 14 异步更新执行
1-6 Vue原理(六)
  • 15 patch优化实现页面更新
  • 16 patch的改造
  • 17 父节点的对比更新
  • 18 diff的准备工作
  • 19 diff头头对比
  • 20 diff尾尾对比
  • 21 diff头头对比删除元素
  • 22 diff 反序对比
  • 23 diff乱序对比过程
  • 24 diff乱序对比的详解
  • 25 diff乱序对比的代码实现
第二章 Vue3+TS 优医问诊项目
2-1 Vue3初识
  • 01.认识Vue3
  • 02.使用create-vue创建项目
  • 03.熟悉项目目录和关键文件
2-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
2-3 Vue3综合案例和作业
  • 14.Vue3综合小案例
  • 15.补充作业-编辑功能作业
2-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注解对象类型
2-5 TypeScript(二)
  • 11.TS核心-字面量类型
  • 12.TS核心-类型推论和any类型
  • 13.TS核心-类型断言
  • 14.TS核心-泛型概念理解和泛型接口
  • 15.TS核心-泛型type和泛型函数
  • 16.TS核心-泛型约束
  • 17.TS综合小案例-01
  • 18.TS综合小案例-02
2-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
2-7 Vue3+TypeScript综合案例
  • 12.综合案例-需求熟悉和环境准备
  • 13.综合案例-实现频道列表渲染
  • 14.综合案例-文章列表基础渲染
  • 15.综合案例-频道和文章列表联动实现
  • 16.综合案例-综合和类型优化
2-8 Pinia介绍和使用
  • 17.Pinia-环境搭建和基础使用
  • 18.Pinia-getters和异步action
  • 19.Pinia-storeToRefs和调试
2-9 问诊项目初始化
  • 01-创建问诊项目
  • 02-项目配置
  • 03-配置代码检查工作流
  • 04-目录调整
  • 05-vue-router初始化
2-10 项目基础架构搭建
  • 06-基础架构-引入Vant和移动端适配
  • 07-基础架构-主题定制
  • 08-基础架构-用户仓库和持久化
  • 09-基础架构-统一管理
2-11 请求工具配置
  • 10-请求工具-axios配置
  • 11-请求工具-业务失败处理和摘取核心响应数据
  • 12-请求工具-401处理
  • 13-请求工具-工具函数
  • 14-请求工具-类型设置
2-12 路由配置+组件自动注册配置
  • 01-路由规则和准备登录页面
  • 02-组件自动注册配置
2-13 cp-nav-bar组件
  • 03-cp-nav-bar组件-结构和样式
  • 04-cp-nav-bar功能标题和右侧文字与右侧文字自定义事件
  • 05-cp-nav-bar功能-回退
  • 06-cp-nav-bar组件类型
2-14 登录页面布局+功能实现
  • 07-登录页面布局和清理代码
  • 08-登录页面-表单校验
  • 09-登录页面-密码登录
  • 10-短信登录-切换界面
  • 11-短信登录-发送验证码
  • 12-短信登录-进行登录
  • 13-图标组件-打包svg地图
  • 14-图片组件-svg组件封装
2-15 布局容器
  • 01-布局容器-组件与路由配置
  • 02-布局容器-Tabbar切换效果
  • 03-布局容器-访问权限控制
  • 04-布局容器-页面标题
  • 05-布局容器-加载进度
2-16 个人中心
  • 06-个人中心-用户信息类型
  • 07-个人中心-用户信息渲染
  • 08-个人中心-快捷工具和退出登录
2-17 家庭档案
  • 09-家庭档案-展示患者列表-01-路由与组件结构
  • 09-家庭档案-展示患者列表-02-完成渲染
  • 10-家庭档案-添加患者-v-model语法糖
  • 11-家庭档案-单选按钮组件封装
  • 12-家庭档案-添加患者界面和侧滑
  • 13-家庭档案-添加患者-表单数据绑定
  • 14-家庭档案-添加患者-表单校验-01-表单项和提交时校验
  • 14-家庭档案-添加患者-表单校验-02-性别确认提示
  • 15-家庭档案-添加患者-进行提交
  • 16-家庭档案-编辑患者
  • 17-家庭档案-删除患者
2-18 首页模块
  • 01-首页模块-搭建页面
  • 02-首页模块-知识列表加载更多效果
  • 03-首页模块-知识列表数据类型
  • 04-首页模块-知识列表加载功能
  • 05-首页模块-搭建推荐关注组件
  • 06-首页模块-适配滑动宽度-采用VueUse
  • 07-首页模块-推荐医生展示
  • 08-首页模块-关注医生
  • 09-首页模块-逻辑复用关注文章
2-19 极速问诊
  • 10-极速问诊-功能演示
  • 11-极速问诊-枚举语法
  • 12-极速问诊-问诊信息类型定义
  • 13-极速问诊-选择问诊类型
  • 14-极速问诊-选择问诊级别
  • 15-极速问诊-选择问诊科室
2-20 病情描述
  • 01-极速问诊-病情描述-页面准备
  • 02-极速问诊-病情描述-上传组件
  • 03-极速问诊-病情描述-上传业务
  • 04-极速问诊-病情描述-保存数据
  • 05-极速问诊-病情描述-回显数据
  • 06-极速问诊-选择患者
2-21 问诊支付
  • 07-极速问诊-问诊支付-获取数据
  • 08-极速问诊-问诊支付-完成渲染
  • 09-极速问诊-问诊支付-支付流程
  • 10-极速问诊-问诊支付-生成订单
  • 11-极速问诊-问诊支付-用户引导-01-阻止回退和关闭抽屉
  • 11-极速问诊-问诊支付-用户引导-02-刷新后校验信息完整性
  • 12-极速问诊-问诊支付-完成支付
2-22 问诊室聊天(一)
  • 13-问诊室-组件拆分页面布局
  • 01-问诊室-websocket介绍
  • 02-问诊室-socket.io-client使用
  • 03-问诊室-建立连接
  • 04-问诊室-通信规则和默认消息获取
2-23 问诊室聊天(二)
  • 05-问诊室-默认消息-处理格式
  • 06-问诊室-默认消息-完成渲染
  • 07-问诊室-接诊状态-订单数据
  • 08-问诊室-接诊状态-控制组件
  • 09-问诊室-文字聊天-发送文字
  • 10-问诊室-文本聊天-渲染文字
  • 11-问诊室-图片聊天
2-24 问诊室聊天(三)
  • 12-问诊室-聊天记录
  • 13-问诊室-消息已读
  • 14-问诊室-查看处方
  • 01-评价医生-结束消息和评价消息展示
  • 02-评价医生-提交评价
2-25 问诊记录
  • 03-问诊记录-搭建页面
  • 04-问诊记录-加载数据
  • 05-问诊记录-渲染Item组件-01-基本信息与操作按钮
  • 05-问诊记录-渲染Item组件-02-更多操作效果
  • 06-问诊记录-取消订单
  • 07-问诊记录-删除订单
  • 08-问诊记录-查看处方composable
2-26 问诊详情
  • 09-问诊详情-页面渲染
  • 10-问诊详情-更多组件封装
  • 11-问诊详情-操作按钮展示
  • 12-问诊详情-取消订单composable
  • 13-问诊详情-删除订单composable
  • 01-问诊详情-复制订单编号
  • 02-问诊详情-支付抽屉组件
2-27 药品订单
  • 03-药品订单-进入药品支付
  • 04-药品订单-支付信息展示
  • 05-药品支付-进行支付
  • 06-药品订单-支付结果
  • 07-药品订单-订单详情-01使用提取的详情函数和药品清单组件
  • 07-药品订单-订单详情-02完成渲染
  • 08-药品订单-物流详情
  • 09-药品订单-使用高德地图
  • 10-药品订单-自定义绘制轨迹
  • 11-药品订单-绘制起点终点当前运输位置
2-28 第三方登录
  • 01-三方登录-QQ登录流程和演示
  • 02-三方登录-去QQ登录且回跳
  • 03-三方登录-使用openId登录
  • 04-三方登录-验证码composable
  • 05-三方登录-绑定手机
2-29 真机调试+项目部署
  • 06-部署-开发环境与生产环境-01如何区分
  • 06-部署-开发环境与生产环境-02设置标题和回跳域名
  • 07-部署-真机调试
  • 08-部署-pm2托管
  • 09-部署-gitlab自动部署演示
2-30 拓展学习mock数据+单元测试
  • 10-扩展-mock数据-01-模拟接口
  • 10-扩展-mock数据-02-生成数据
  • 11-扩展-单元测试
  • 12-扩展-组件测试

阶段八 鸿蒙应用开发(项目11-面试通项目)【拓展课】

展开
第一章 HarmonyOS鸿蒙应用开发
1-1 开发环境配置
  • 01-起步-鸿蒙简介
  • 02-起步-DevEco Studio
  • 03-起步-HelloWorld
  • 04-起步-效果预览
  • 05-起步-工程结构
1-2 组件基础
  • 06-组件-什么是ArkTS
  • 07-基础-组件结构
  • 08-基础-系统组件(ArkUI)
  • 09-基础-组件状态
1-3 样式处理和评论回复案例
  • 10-样式-语法(链式&枚举)
  • 11-样式-单位vp和适配
  • 12-练习案例→实现知乎评论回复-导航
  • 13-练习案例→实现知乎评论回复-评论
  • 14-样式-@Styles 复用
  • 15-样式-@Extends 复用
  • 16-样式-多态
1-4 组件状态
  • 17-状态-class语法
  • 18-状态-复杂状态
1-5 界面渲染和知乎案例
  • 01-渲染-条件渲染
  • 02-渲染-循环渲染
  • 03-知乎案例-列表和底部结构
  • 04-知乎案例-实现渲染
  • 05-知乎案例-点赞
  • 06-知乎案例-回复
1-6 自定义构建函数
  • 07-构建函数-基本用法
  • 08-构建函数-值传递和引用传递
  • 09-知乎案例-key的生成注意点
  • 10-构建函数-@BuilderParam尾随闭包
  • 11-构建函数-多个自定义UI传参
  • 12-构建函数-系统组件自定义UI
1-7 组件状态共享
  • 13-状态共享-父子单向
  • 14-状态共享-父子双向和后代双向
  • 15-状态共享-状态监听器
  • 16-@Observed与@ObjectLink
1-8 应用状态
  • 01-LocalStorage页面内使用
  • 02-LocalStorage页面间使用
  • 03-应用状态-AppStorage
  • 04-状态持久化-PersistentStorage
1-9 网络管理
  • 05-设备环境-Environment
  • 06-应用权限-联网权限
  • 07-应用权限-HTTP请求
1-10 综合案例-美团案例
  • 08-美团案例-页面结构-入口页面
  • 09-美团案例-页面结构-底部组件
  • 10-美团案例-页面结构-导航组件
  • 11-美团案例-商品区域-菜单绘制
  • 12-美团案例-商品区域-列表绘制
  • 13-美团案例-展示列表数据
  • 01-美团案例-购物车和计算按钮组件
  • 02-美团案例-加入购物车
  • 03-美团案例-管理购物车
1-11 路由和生命周期
  • 04-路由-常用API
  • 05-路由-参数传递
  • 06-UIAbility-生命周期
  • 07-组件-生命周期
  • 08-UIAbility跳转
1-12 使用动画
  • 09-使用动画-属性动画
  • 10-使用动画-显示动画
  • 11-元素共享转场
  • 12-手势事件-下拉刷新效果实现-
1-13 系统能力
  • 01-数据管理-用户首选项
  • 02-绘图能力-基本用法
  • 03-绘图能-绘制表盘和秒针
  • 04-公共事件与通知-消息通知
  • 05-后台代理提醒-闹铃添加
  • 06-后台代理-闹铃关闭和延时
1-14 华为闹钟
  • 07-华为闹钟-首页结构
  • 08-华为闹钟-绘制闹钟
  • 09-华为闹钟-绘制闹钟任务列表
  • 10-华为闹钟-详情页
  • 11-华为闹钟-业务逻辑-首选项存储工具
  • 12-华为闹钟-添加闹钟
  • 13-华为闹钟-首页闹钟列表
  • 14-华为闹钟-修改闹钟
  • 15-华为闹钟-业务逻辑-修改闹铃任务
  • 16-华为闹钟-业务逻辑-通知唤起应用和关闭延时
  • 17-华为闹钟-开关
1-15 面试宝典APP
  • 01-物料介绍
  • 02-创建项目
  • 03-日志工具类
  • 04-访问控制工具类
  • 05-请求工具类-请求处理
  • 06-请求工具类-响应处理
  • 07-UI管理-界面一多
  • 08-UI管理-手机侧适配
  • 09-UI管理-配置文件
  • 10-UI管理-通用型组件
  • 11-首页模块-轮播图和骨架
  • 12-首页模块-试题分类Tabs实现
  • 13-首页模块-试题组件抽取
  • 14-首页模块-试题列表加载
  • 15-首页模块-加载更多
  • 16-LazyForEach 性能优化
  • 01-我的-页面逻辑
  • 02-登录-页面逻辑
  • 03-退出-emitter通知Home组件更新
  • 04-打卡-功能实现
  • 05-打卡-补充进入应用更新用户信息
  • 06-打卡-页面准备
  • 07-库-第三方库使用
  • 08-库-共享日历本地库
  • 09-打卡-显示签到
  • 10-资料-页面结构
  • 11-资料-修改昵称
  • 12-资料-自定义对话框
  • 13-资料-选择图片
  • 14-资料-上传文件
  • 15-面试问题

阶段九 React.js(项目12-极客园PC自媒体端)【拓展课】

展开
第一章 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.新增账单-收尾优化
第二章 极客园PC自媒体端
2-1 项目环境搭建
  • 01.使用CRA初始化项目环境
  • 02.安装scss包
  • 03.安装antDesign
  • 04.配置基础路由Router
  • 05.配置别名路径
  • 06.使用gitee管理项目
2-2 登录功能实现
  • 07.登录-准备静态结构
  • 08.登录-表单校验实现
  • 09.登录-获取表单数据
  • 10.登录-封装request请求模块
  • 11.登录-redux管理token-编写样板代码
  • 12.登录-redux管理token-实现Token异步获取
  • 13.登录-redux管理token-实现登录后续逻辑
  • 14.登录-Token持久化
  • 15.登录-封装Token的存取删方法
2-3 Layout布局相关功能实现
  • 01.Axios请求头注入Token
  • 02.根据Token控制路由跳转
  • 03.Layout-结构创建和样式reset
  • 04.Layout-二级路由配置
  • 05.Layout-点击菜单跳转路由
  • 06.Layout-根据当前路由路径高亮菜单
  • 07.Layout-展示个人信息
  • 08.Layout-退出登录实现
  • 09.Layout-处理token失效
  • 10.Home-Echarts基础图表渲染
  • 11.Home-Echarts组件封装实现
  • 12.拓展-API模块封装
2-4 文章发布功能
  • 01.文章发布-功能演示说明
  • 02.基础文章发布-准备基础结构
  • 03.基础文章发布-准备富文本编辑器
  • 04.基础文章发布-频道列表获取渲染
  • 05.基础文章发布-收集表单数据提交表单
2-5 文章封面
  • 06.文章封面-上传文章封面基础实现
  • 07.文章封面-实现切换封面类型
  • 08.文章封面-控制上传图片的数量
  • 09.文章封面-发布带封面的文章
2-6 文章列表
  • 10.文章列表-功能描述和结构创建
  • 11.文章列表-通过自定义hook获取频道列表
  • 12.文章列表-渲染table表格
  • 13.文章列表-适配文章状态
  • 01.文章列表-筛选功能实现
  • 02.文章列表-分页功能实现
  • 03.文章列表-删除功能实现
  • 04.文章列表-携带id跳转到编辑页
2-7 编辑文章
  • 05.编辑文章-回填基础数据
  • 06.编辑文章-回填封面信息
  • 07.编辑文章-根据id适配编辑和新增状态
  • 08.编辑文章-更新文章
2-8 项目打包和打包优化
  • 09.项目打包-基础打包和本地预览
  • 10.打包优化-配置路由懒加载
  • 11.打包优化-包体积可视化分析
  • 12.打包优化-CDN配置
2-9 React拓展
  • 01.useReducer
  • 02.useMemo
  • 03.React.memo-基础使用
  • 04.React.memo-props比较机制说明
  • 05.useCallback
  • 06.React-forwardRef
  • 07.useInperativeHandle
  • 08.Class类组件-基础结构
  • 09.类组件生命周期函数
  • 10.类组件的组件通信说明
  • 11.zustand-基础用法
  • 12.zustand-异步支持
  • 13.zustand-切片模式
2-10 React+TS
  • 01.React+TS基础环境创建
  • 02.useState-自动推导
  • 03.useState-泛型参数
  • 04.useState-初始值为null
  • 05.Props与TS-基础使用
  • 06.Props与TS-特殊的children属性
  • 07.props与TS-为事件prop添加类型
  • 08.useRef与TS
2-11 React+TS综合案例-极客园移动端
  • 01.项目环境创建
  • 02.安装antDesignMobile
  • 03.配置基础路由
  • 04.配置路径别名
  • 05.axios插件安装配置
  • 06.API模块封装-axios配合ts使用
  • 07.Home模块-channels基础数据渲染
  • 08.Home模块-channels-hooks优化
  • 09.Home模块-List-列表数据获取渲染
  • 10.Home模块-List无限加载实现
  • 11.详情模块-路由跳转&数据渲染

阶段十 前端就业加强课

展开
第一章 前端就业加强课
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.迭代器模式-可迭代对象
第三章 前端技术解决方案
3-1 ChatGPT应用
  • 【拓展1】-部署自己的ChatGPT网站
  • 【拓展2】-Vercel域名解析
  • 【拓展3】-ChatGPT写项目
  • 【拓展4】-沉浸式翻译插件
3-2 Axios请求
  • 01-后端-服务器搭建
  • 02-axios请求中断控制器
  • 03-axios下载进度条
  • 04-axios请求重试
3-3 SSE
  • 05-SSE基础-服务器发送事件-EventSource
  • 06-SSE基础-fetch建立连接和中断
  • 07-SSE进阶-fetch解析数据
3-4 虚拟列表
  • 08-虚拟列表-核心原理
  • 09-虚拟列表-VueUse实现
  • 10-虚拟列表-vue-virtual-scroller实现
  • 11-虚拟列表-vue-virtual-scroller类型声明
3-5 office文件预览功能
  • 01-office文件预览1-微软在线预览服务
  • 02-office文件预览-pdf本地选择预览
  • 03-office文件预览-pdf远程请求预览
  • 04-office文件预览-vue-office组件
  • 05-office文件预览-了解私有化office
3-6 拖拽排序
  • 06-拖拽排序-低代码平台和原生拖拽事件
  • 07-拖拽排序-vuedraggable
  • 08-拖拽排序-数据编组
  • 09-拖拽排序-进阶配置
  • 10-拖拽排序-简易版低代码
3-7 Nuxt3综合案例
  • 01-Nuxt3-基本介绍
  • 02-Nuxt3-项目下载和启动
  • 03-Nuxt3-路由系统
  • 04-Nuxt3面经-SEO优化
  • 05-Nuxt3-vant组件库和vw单位适配
  • 06-Nuxt3-页面路由和路由中间件
  • 07-Nuxt3-layout布局
  • 08-Nuxt3-用户注册
  • 09-Nuxt3-自动导入
  • 10-Nuxt3-用户登录
  • 11-Nuxt3-用cookie保存token
  • 12-Nuxt3-导航守卫鉴权
  • 13-Nuxt3-面经列表-axios请求
  • 14-Nuxt3-面经列表-useFetch请求和服务端渲染
  • 15-Nuxt3-面经列表-useFetch封装
  • 16-Nuxt3-面经列表-子组件拆分
  • 17-Nuxt3-面经列表-分页加载
  • 18-Nuxt3-动态路由和参数获取
  • 19-Nuxt3-渲染文章详情页
  • 20-Nuxt3-SEO标题优化和泛型升级
  • 21-Nuxt3-页面缓存
  • 22-Nuxt3-打包注意
  • 23-Nuxt3-部署上线
第四章 Three.js
4-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.案例-五颜六色立方体 免费试学
4-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 鼠标事件
4-3 Three.js案例初始化
  • 01.项目开始-Vite项目初始化 免费试学
  • 02.three.js 基本要素准备 免费试学
  • 03.three.js 适配和立方体 免费试学
4-4 Three.js展厅案例
  • 04.展厅一的设置
  • 05.展厅一的地板标记
  • 06.展厅二的切换
  • 07.展厅三的切换
  • 08.展厅四的内容创建
  • 09.展厅四的事件绑定
  • 10.展厅五展示
4-5 材质
  • 01.基础网格材质_颜色贴图
  • 02.基础网格材质_透明度贴图
  • 03.基础网格材质_环境遮挡贴图
  • 04.Lambert网格材质_基础_上
  • 04.Lambert网格材质中 ao 贴图对环境光的反应_下
  • 05.Phong 网格材质
  • 06.标准网格材质-粗糙度和贴图
  • 07.标准网格材质-金属度和贴图
  • 08.标准网格材质-位移贴图
  • 09.标准网格材质-法线贴图
  • 10.环境贴图
  • 11.物理网格材质-清漆度
  • 12.认识模型文件并使用
  • 13.模型-查找并修改细节
  • 14.修改摄像机位置和观察点
  • 15.世界坐标系和模型坐标系
4-6 光源
  • 16.光源-环境光
  • 17.光源-点光源
  • 18.光源-平行光
  • 19.光源-聚光灯
  • 20.灯光与阴影
4-7 动画和物体
  • 21.gsap动画库_上
  • 21.让光源跟着做动画_下
  • 22.CSS2D渲染器
  • 23.three.js 精灵物体
  • 24.class 类的使用
  • 25.立方体类的创建和使用
  • 26.球体和基类的使用
4-8 在线选车项目
  • 01.项目-在线选车介绍
  • 02.项目-模板介绍
  • 03.项目-汽车模型加载_模型加载函数
  • 04.项目-汽车模型加载_Car 类的定义和使用
  • 05.项目-灯光添加
  • 06.项目-汽车皮肤修改
  • 07.项目-添加背景
  • 08.项目-车门热点标记
  • 09.项目-车门开关效果_数据收集
  • 10.项目-车门开关效果_光线投射和功能完成
  • 11.项目-事件总线
  • 12.项目-车颜色修改
  • 13.项目-贴膜切换
  • 14.项目-价格计算
  • 15.项目-场景切换
  • 16.项目-视角切换
  • 17.项目-玻璃透视效果
  • 18.项目-聚光灯阴影效果
  • 19.项目-聚光灯切换
4-9 顶点坐标和着色器
  • 01.顶点坐标-绘制正方形
  • 02.顶点颜色-绘制渐变正方形
  • 03.渲染管线
  • 04.初识-着色器
  • 05.着色器变量-attribute
  • 06.着色器变量-uniform
  • 07.着色器变量-varying
  • 08.着色器-练习-渐变效果
  • 09.着色器-练习-波浪效果
  • 10.着色器-练习-旋转效果
4-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中