课程试听
阶段一 前端开发基础
展开第一章 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中