收藏

Vue3 + React18 + TS4 入门到实战

专为初级前端人员设计,系统性学习三大技术

Vue3 + React18 + TS4入门到实战 系统学习3大热门技术

讲师宠粉福利
¥699.00
原价¥799.00
难度 初级 时长 50小时 学习人数 234 综合评分 10.00
  • 第1章 课程导学 - 了解本课程必看 试看 4 节 | 16分钟

    了解本门课程,课前准备工作,以及了解三大热门技术的发展历史。

    收起列表

    • 视频: 1-1 课程介绍 与 学习指南 (15:58) 试看
    • 图文: 1-2 课件获取方式及软件版本说明
    • 图文: 1-3 项目在线访问地址
    • 图文: 1-4 Vue、React、TS的发展历史
  • 第2章 Vue3核心概念及选项式API - 入门Vue3第一步 15 节 | 152分钟

    Vue3框架带来的优势,选项式API的优势,系统、全面的掌握Vue3的核心功能,并完成综合案例的训练。

    收起列表

    • 视频: 2-1 章节介绍 (03:51)
    • 视频: 2-2 MVC设计模式与MVVM设计模式 (15:43) 试看
    • 视频: 2-3 选项式API的编程风格与优势 (06:02)
    • 视频: 2-4 声明式渲染及响应式数据实现原理 (11:41) 试看
    • 视频: 2-5 指令系统与事件方法及传参处理 (15:53)
    • 视频: 2-6 计算属性与侦听器区别与原理(一) (14:09)
    • 视频: 2-7 计算属性与侦听器区别与原理(二) (13:14)
    • 视频: 2-8 条件渲染与列表渲染及注意点 (21:26)
    • 视频: 2-9 class样式与style样式的三种形态 (07:11)
    • 视频: 2-10 表单处理与双向数据绑定原理 (09:23)
    • 视频: 2-11 生命周期钩子函数及原理分析 (17:52)
    • 视频: 2-12 搜索关键词加筛选条件的综合案例 (12:14)
    • 视频: 2-13 章节总结 (02:57)
    • 作业: 2-14 测试题(选择)
    • 作业: 2-15 测试题(实操)
  • 第3章 Vue3组件应用及单文件组件 - 抽象独立的代码 16 节 | 151分钟

    组件开发是复杂应用的必备,本章节将全面介绍Vue3中组件的使用方式,动手封装Vue组件相关案例。对脚手架下的组件也进行使用说明,并且学习脚手架的实现原理,有助于新手更快上手工程环境下的开发。

    收起列表

    • 视频: 3-1 章节介绍 (03:08)
    • 视频: 3-2 组件的概念及组件的基本使用方式 (20:49)
    • 视频: 3-3 组件之间是如何进行互相通信的 (20:24)
    • 视频: 3-4 组件的属性与事件是如何进行处理的 (10:10)
    • 视频: 3-5 组件的内容是如何组合与分发处理的 (10:56)
    • 视频: 3-6 仿Element Plus框架的el-button按钮组件实现 (09:26)
    • 视频: 3-7 单文件组件SFC及Vue CLI脚手架的安装使用 (15:38)
    • 视频: 3-8 脚手架原理之webpack处理html文件和模块打包 (16:57)
    • 视频: 3-9 脚手架原理之webpack启动服务器和处理sourcemap (09:59)
    • 视频: 3-10 脚手架原理之webpack处理样式模块和图片模块 (08:09)
    • 视频: 3-11 脚手架原理之webpack处理单文件组件及loader转换 (06:29)
    • 图文: 3-12 Vite3介绍及基本使用
    • 视频: 3-13 仿Element Plus的el-rate评分组件实现(单文件组件) (15:27)
    • 视频: 3-14 章节总结 (02:51)
    • 作业: 3-15 测试题(选择)
    • 作业: 3-16 测试题(实操)
  • 第4章 Vue3语法系统进阶 - 全面掌握Vue3特性 16 节 | 119分钟

    本章将学习Vue的高级特性,通俗易懂的方式来理解这些高级知识点,对面试、复杂应用开发及全面了解Vue框架都有很大的帮助。

    收起列表

    • 视频: 4-1 章节介绍 (01:57)
    • 视频: 4-2 ref属性在元素和组件上的分别使用 (09:18)
    • 视频: 4-3 利用nextTick监听DOM更新后的情况 (05:20)
    • 视频: 4-4 自定义指令与自定义全局属性及应用场景 (14:45)
    • 视频: 4-5 复用组件功能之Mixin混入 (05:17)
    • 视频: 4-6 插件的概念及插件的实现 (08:43)
    • 视频: 4-7 Element Plus框架的安装与使用 (12:51)
    • 视频: 4-8 transition动画与过渡的实现 (11:14)
    • 视频: 4-9 动态组件与keep-alive组件缓存 (08:28)
    • 视频: 4-10 异步组件与Suspense一起使用 (07:55)
    • 视频: 4-11 跨组件间通信方案 Provide_Inject (08:05)
    • 视频: 4-12 Teleport实现传送门功能 (10:57)
    • 视频: 4-13 虚拟DOM与render函数及Diff算法 (07:42)
    • 视频: 4-14 章节总结 (05:46)
    • 作业: 4-15 测试题(选择)
    • 作业: 4-16 测试题(实操)
  • 第5章 Vue3组合式API详解 - 大型应用的高端写法 15 节 | 114分钟

    Vue3带来的全新编码风格,组合式API的使用。全面介绍组合式API的优势,并通过案例进行讲解。

    收起列表

    • 视频: 5-1 章节介绍 (04:29)
    • 视频: 5-2 setup方法与script_setup及ref响应式 (10:44)
    • 视频: 5-3 事件方法_计算属性_reactive_toRefs (08:51)
    • 视频: 5-4 生命周期_watch_watchEffect-1 (13:26)
    • 视频: 5-5 生命周期_watch_watchEffect-2 (10:03)
    • 视频: 5-6 跨组件通信方案provide_inject (10:27)
    • 视频: 5-7 复用组件功能之use函数 (06:05)
    • 视频: 5-8 利用defineProps与defineEmits进行组件通信 (06:28)
    • 视频: 5-9 利用组合式API开发复杂的搜索功能 (06:42)
    • 视频: 5-10 利用组合式API开发搜索提示列表 (11:33)
    • 视频: 5-11 利用组合式API开发搜索结果列表 (07:42)
    • 视频: 5-12 利用组合式API开发搜索历史列表 (14:37)
    • 视频: 5-13 章节总结 (02:01)
    • 作业: 5-14 测试题(选择)
    • 作业: 5-15 测试题(实操)
  • 第6章 VueRouter路由与Vuex状态管理 - 组织与架构应用 21 节 | 142分钟

    项目的开发,离不开路由和状态管理,这也是使用Vue3开发的必会内容,理解路由的各种操作模式及实现机制,理解如何在项目中使用状态管理进行数据的维护。

    收起列表

    • 视频: 6-1 章节介 绍 (04:04)
    • 图文: 6-2 什么是前端路由以及路由两种模式实现原理
    • 视频: 6-3 路由的基本搭建与嵌套路由模式 (13:03)
    • 视频: 6-4 动态路由模式与编程式路由模式 (08:19)
    • 视频: 6-5 命名路由与命名视图与路由元信息 (08:37)
    • 视频: 6-6 路由传递参数的多种方式及应用场景 (07:58)
    • 视频: 6-7 详解route对象与router对象 (05:57)
    • 视频: 6-8 路由守卫详解及应用场景 (10:22)
    • 图文: 6-9 Vuex状态管理的概念及组件通信的总结
    • 视频: 6-10 Vuex共享状态的基本开发流程 (08:11)
    • 视频: 6-11 Vuex处理异步状态及应用场景 (07:29)
    • 视频: 6-12 Vuex计算属性和辅助函数的使用 (07:02)
    • 视频: 6-13 Vuex-persist对数据进行持久化处理 (06:28)
    • 视频: 6-14 Vuex分割模块及多状态管理 (11:05)
    • 视频: 6-15 组合式API中使用Router和Vuex注意事项 (06:18)
    • 视频: 6-16 Router_Vuex的任务列表综合案例 (12:33)
    • 图文: 6-17 Vue状态管理之Pinia存储库
    • 视频: 6-18 搭建 Vite3 + Pinia2 组合模式 (20:11)
    • 视频: 6-19 章节总结 (03:38)
    • 作业: 6-20 测试题(选择)
    • 作业: 6-21 测试题(实操)
  • 第7章 TS4类型系统之基础使用 - TS4带来的编码优势 15 节 | 105分钟

    全面介绍TypeScript在开发中的优势,并理解为什么要使用TypeScript替代JavaScript,并且全面讲解TS中的类型系统。

    收起列表

    • 视频: 7-1 章节介绍 (01:54)
    • 视频: 7-2 为什么使用TS和TS运行环境搭建 (20:29)
    • 视频: 7-3 类型声明空间与变量声明空间 (04:36)
    • 视频: 7-4 类型注解与类型推断 (03:23)
    • 视频: 7-5 类型分类与联合类型与交叉类型 (07:05)
    • 视频: 7-6 never类型与any类型与unknown类型 (10:20)
    • 视频: 7-7 类型断言与非空断言 (04:57)
    • 视频: 7-8 数组类型与元组类型 (03:54)
    • 视频: 7-9 对象类型与索引签名 (10:58)
    • 视频: 7-10 函数类型与void类型 (08:59)
    • 视频: 7-11 函数重载与可调用注解 (12:57)
    • 视频: 7-12 枚举类型与const枚举 (11:47)
    • 视频: 7-13 章节总结 (03:38)
    • 作业: 7-14 测试题(选择)
    • 作业: 7-15 测试题(实操)
  • 第8章 TS4类型系统之进阶使用 - 带您探索类型的世界 12 节 | 98分钟

    深入讲解TypeScript类型系统,能够利用TypeScript进行实际开发的实现。

    收起列表

    • 视频: 8-1 章节介绍 (01:01)
    • 视频: 8-2 详解接口与类型别名之间区别 (09:38)
    • 视频: 8-3 字面量类型和keyof关键字 (06:40)
    • 视频: 8-4 类型保护与自定义类型保护 (09:58)
    • 视频: 8-5 定义泛型和泛型常见操作 (16:01)
    • 视频: 8-6 类型兼容性详解 (06:38)
    • 视频: 8-7 映射类型与内置工具类型 (17:25)
    • 视频: 8-8 条件类型和infer关键字 (14:58)
    • 视频: 8-9 类中如何使用类型 (12:11)
    • 视频: 8-10 章节总结 (03:30)
    • 作业: 8-11 测试题(选择)
    • 作业: 8-12 测试题(实操)
  • 第9章 TS4扩展内容与Vue3结合使用 - 融会贯通TS结合Vue 18 节 | 153分钟

    TS与工程密不可分,将全面了解TS中的多种配置文件使用方式,并详细接收TS如何跟Vue进行结合开发,及Vue全家桶如何配合TS开发。

    收起列表

    • 视频: 9-1 章节介绍 (02:24)
    • 视频: 9-2 模块系统与命名空间 (11:02)
    • 视频: 9-3 d.ts声明文件和declare关键字 (11:12)
    • 视频: 9-4 @types和DefinitelyTyped仓库 (07:01)
    • 视频: 9-5 lib.d.ts和global.d.ts (04:28)
    • 视频: 9-6 详解tsconfig.json配置文件 (29:13)
    • 视频: 9-7 Vue选项式API中如何使用TS (11:45)
    • 视频: 9-8 Vue选项式API中组件通信使用TS (10:42)
    • 视频: 9-9 Vue组合式API中如何使用TS (05:57)
    • 视频: 9-10 Vue组合式API中组件通信使用TS (08:44)
    • 视频: 9-11 VueRouter路由如何使用TS (12:22)
    • 视频: 9-12 Vuex状态管理如何使用TS (12:14)
    • 视频: 9-13 -1Vuex状态管理如何使用TS (14:16)
    • 图文: 9-14 Pinia状态管理如何使用TS
    • 视频: 9-15 Element Plus中如何使用TS (06:57)
    • 视频: 9-16 章节总结 (04:01)
    • 作业: 9-17 测试题(选择)
    • 作业: 9-18 测试题(实操)
  • 第10章 Vue+TS项目:初始化工程与整体架构 8 节 | 87分钟

    在线考勤系统,后端接口说明,前端工程搭建、第三方模块安装、架构路由系统、架构状态管理系统等等。

    收起列表

    • 视频: 10-1 章节介绍 (04:51)
    • 视频: 10-2 后端接口文档说明及在线数据访问 (07:44)
    • 视频: 10-3 本地接口启动及数据访问 (07:31)
    • 视频: 10-4 脚手架安装及第三方模块安装与配置 (10:07)
    • 视频: 10-5 架构项目路由系统及对应页面 (16:03)
    • 视频: 10-6 对axios进行二次封装处理 (18:02)
    • 视频: 10-7 架构项目状态管理系统及对应模块 (17:55)
    • 视频: 10-8 章节总结 (04:11)
  • 第11章 Vue+TS项目:登录页与首页实现 11 节 | 135分钟

    在线考勤系统,登录页交互实现,token权限验证,持久化实现免登陆,根据token获取用户信息,根据用户角色的权限生产动态菜单等等。

    收起列表

    • 视频: 11-1 章节介绍 (01:25)
    • 视频: 11-2 搭建登录界面及iconfont图标使用 (19:59)
    • 视频: 11-3 收集登录数据及表单验证功能 (11:58)
    • 视频: 11-4 完成登录功能及token持久化存储 (11:23)
    • 视频: 11-5 添加路由权限及登录拦截 (09:04)
    • 视频: 11-6 请求头发送token和获取用户信息 (16:37)
    • 视频: 11-7 拆分首页头部组件和侧边栏组件 (19:35)
    • 视频: 11-8 拆分首页导航组件和主体区域组件 (06:26)
    • 视频: 11-9 完成动态权限菜单及路由跳转 (24:32)
    • 视频: 11-10 完成头部交互与动态面包屑 (12:03)
    • 视频: 11-11 章节总结 (01:45)
  • 第12章 Vue+TS项目:打卡签到页与异常考勤页实现 10 节 | 118分钟

    在线考勤系统,描述列表数据交互、日历数据交互、联动更新,在线签到功能,异常考勤处理,联动日历及月份等等。

    收起列表

    • 视频: 12-1 章节介绍 (01:12)
    • 视频: 12-2 打卡签到页描述列表和日历布局 (16:00)
    • 视频: 12-3 月份控件联动描述列表和日历 (12:40)
    • 视频: 12-4 状态管理用户打卡信息 (15:22)
    • 视频: 12-5 日历数据渲染与在线打卡签到 (18:39)
    • 视频: 12-6 描述列表数据渲染与签到联动 (14:00)
    • 视频: 12-7 异常考勤页时间线布局 (12:21)
    • 视频: 12-8 打卡签到联动异常考勤 (07:38)
    • 视频: 12-9 时间线数据渲染与交互功能实现 (16:57)
    • 视频: 12-10 章节总结 (02:33)
  • 第13章 Vue+TS项目:添加审批页与我的审批页实现 13 节 | 191分钟

    在线考勤系统,添加审批、动态更新、分页处理、筛选条件处理、联动异常考勤、消息提醒功能等等。

    收起列表

    • 视频: 13-1 章节介绍 (01:23)
    • 视频: 13-2 添加审批页功能栏与数据表格布局 (17:57)
    • 视频: 13-3 分页处理与筛选功能实现 (17:06)
    • 视频: 13-4 弹出框布局与初始数据渲染 (22:47)
    • 视频: 13-5 弹出框数据收集与添加审批 (21:48)
    • 视频: 13-6 联动异常考勤页及数据处理 (15:02)
    • 视频: 13-7 我的审批页功能栏与数据表格布局 (12:29)
    • 视频: 13-8 我的审批页功能实现与更新审批信息 (12:43)
    • 视频: 13-9 渲染消息提醒与交互功能实现 (14:54)
    • 视频: 13-10 更新消息提醒与消除消息提醒 (12:11)
    • 视频: 13-11 章节总结 (02:03)
    • 视频: 13-12 项目优化 - 添加403 404 500页面 (13:01)
    • 视频: 13-13 项目优化 - Vite+Pinia 对项目进行改造 (26:38)
  • 第14章 React18核心概念与类组件使用 - 入门React18第一步 25 节 | 237分钟

    React18框架核心知识点全面介绍,深入掌握各种高级特性及类组件的开发方式,并完成相关案例。

    收起列表

    • 视频: 14-1 章节介绍 (02:10)
    • 视频: 14-2 虚拟DOM与React18新的渲染写法 (12:46)
    • 视频: 14-3 什么是JSX及JSX详细使用方式(一) (18:56)
    • 视频: 14-4 什么是JSX及JSX详细使用方式(二) (10:15)
    • 视频: 14-5 如何进行条件渲染与列表渲染 (13:13)
    • 视频: 14-6 类组件基本使用及组件通信 (09:39)
    • 视频: 14-7 props细节详解及注意事项 (16:48)
    • 视频: 14-8 类组件中事件的使用详解 (08:09)
    • 视频: 14-9 类组件响应式视图实现与原理 (05:30)
    • 视频: 14-10 state细节详解及React18的自动批处理 (13:05)
    • 视频: 14-11 PureComponent与shouldComponentUpdate (14:34)
    • 视频: 14-12 immutable.js不可变数据集合 (11:41)
    • 视频: 14-13 Refs操作DOM及操作类组件 (08:50)
    • 视频: 14-14 详解受控组件及各种表单中的使用 (13:41)
    • 视频: 14-15 详解非受控组件的实现方案 (06:11)
    • 视频: 14-16 详解常见生命周期钩子函数 (12:13)
    • 视频: 14-17 详解不常见生命周期钩子函数 (15:44)
    • 视频: 14-18 组件内容的组合模式 (03:52)
    • 视频: 14-19 复用组件功能之Render Props模式 (06:35)
    • 视频: 14-20 复用组件功能之HOC高阶组件模式 (05:02)
    • 视频: 14-21 组件跨层级通信方案Context (05:06)
    • 视频: 14-22 简易购物车的综合案例 (19:09)
    • 视频: 14-23 章节总结 (03:41)
    • 作业: 14-24 测试题(选择)
    • 作业: 14-25 测试题(实操)
  • 第15章 React18之Hook与函数组件 - 优雅简易的开发模式 16 节 | 133分钟

    React18之Hook应用,能让开发者通过函数组件的方式进行项目的开发,这有助于简化复杂程度,并且实现TypeScript配合更加轻松。

    收起列表

    • 视频: 15-1 章节介绍 (01:39)
    • 视频: 15-2 函数组件基本使用及点标记组件写法 (07:26)
    • 视频: 15-3 Hook概念及Hook之useState函数 (19:09)
    • 视频: 15-4 详解Hook之useEffect函数 (19:27)
    • 视频: 15-5 详解Hook之useRef函数 (15:19)
    • 视频: 15-6 详解Hook之useContext函数 (04:29)
    • 视频: 15-7 函数组件性能优化之React.memo (08:46)
    • 视频: 15-8 详解Hook之useCallback与useMemo函数 (07:07)
    • 视频: 15-9 详解Hook之useReducer函数 (09:44)
    • 视频: 15-10 React18之并发模式与startTransition (12:36)
    • 视频: 15-11 React18之useTransition与useDeferredValue (06:06)
    • 视频: 15-12 函数组件功能复用之自定义Hook (05:00)
    • 视频: 15-13 简易购物车的Hook版本 (13:25)
    • 视频: 15-14 章节总结 (02:27)
    • 作业: 15-15 测试题(选择)
    • 作业: 15-16 测试题(实操)
  • 第16章 React18扩展内容与脚手架使用 - 全面掌握React18特性 13 节 | 150分钟

    扩展React18内容的学习,以及脚手架和第三个UI库Ant-design的使用,并自主创建可复用的组件

    收起列表

    • 视频: 16-1 章节介绍 (01:14)
    • 视频: 16-2 脚手架安装及vsCode插件安装 (20:21)
    • 视频: 16-3 脚手架下样式处理方式及Sass支持 (19:43)
    • 视频: 16-4 Ant Design框架的安装与使用(一) (15:34)
    • 视频: 16-5 Ant Design框架的安装与使用(二) (15:50)
    • 视频: 16-6 仿Ant Design的Button组件实现 (14:34)
    • 视频: 16-7 仿Ant Design的Rate组件实现 (13:03)
    • 视频: 16-8 react-transition-group模块实现动画功能 (16:37)
    • 视频: 16-9 createPortal传送门与逻辑组件的实现 (16:38)
    • 视频: 16-10 React.lazy与React.Suspense与错误边界 (12:49)
    • 视频: 16-11 章节总结 (02:51)
    • 作业: 16-12 测试题(选择)
    • 作业: 16-13 测试题(实操)
  • 第17章 ReactRouter路由与Redux状态管理 - 组织与架构应用 19 节 | 154分钟

    全面掌握React路由和redux状态管理,理解最新Redux-Toolkit符合企业用人需求,也满足项目开发需求,是React开发人员的必备技能。

    收起列表

    • 视频: 17-1 章节介绍 (01:59)
    • 视频: 17-2 ReactRouterV6.4 基础路由搭建 (19:07)
    • 视频: 17-3 动态路由模式与编程式路由模式 (08:03)
    • 视频: 17-4 useSearchParams与useLocation函数 (06:35)
    • 视频: 17-5 默认路由展示与重定向路由与404处理 (05:59)
    • 视频: 17-6 路由loader函数与redirect方法 (08:46)
    • 视频: 17-7 自定义全局守卫与自定义元信息 (12:12)
    • 视频: 17-8 Redux状态管理的基本流程 (18:40)
    • 视频: 17-9 react-redux简化对Redux的使用 (06:38)
    • 视频: 17-10 如何处理多个reducer函数及Redux模块化 (09:54)
    • 视频: 17-11 redux-thunk中间件处理异步操作 (10:17)
    • 视频: 17-12 Redux-Toolkit(RTK)改善Redux使用体验 (13:16)
    • 视频: 17-13 Redux-Toolkit(RTK)如何处理异步任务 (08:32)
    • 视频: 17-14 通过redux-persist进行数据持久化处理 (06:13)
    • 视频: 17-15 路由加状态管理的登录拦截综合案例 (13:52)
    • 图文: 17-16 类组件中如何使用路由和状态管理
    • 视频: 17-17 章节总结 (03:47)
    • 作业: 17-18 测试题(选择)
    • 作业: 17-19 测试题(实操)
  • 第18章 React18与Vue3全方面对比和React18与TS4结合使用 20 节 | 194分钟

    本章将全面对比Vue和React框架的相似点和差异点,通过对比的方式,可以让同学们更加快速的掌握两大框架。通过两大框架的掌握,更符合企业高级人才的需求。以及掌握React中如何使用TS进行开发。

    收起列表

    • 视频: 18-1 章节介绍 (02:20)
    • 视频: 18-2 React18与Vue3对比之编程风格与视图风格 (10:09)
    • 视频: 18-3 React18与Vue3对比之组件_路由_状态管理等风格 (06:19)
    • 视频: 18-4 React18与Vue3对比之模板_样式_事件_表单等功能 (06:19)
    • 视频: 18-5 React18与Vue3对比之组件通信_逻辑复用_内容分发_DOM操作等功能 (08:11)
    • 视频: 18-6 React18与Vue3对比之diff算法的相同策略与不同策略 (15:39)
    • 视频: 18-7 React18与Vue3对比之响应式_生命周期_副作用等功能 (09:33)
    • 视频: 18-8 React与TS配合之基础props限制 (14:16)
    • 视频: 18-9 React与TS配合之children与event限制 (09:10)
    • 视频: 18-10 React与TS配合之style与component限制 (07:07)
    • 视频: 18-11 React与TS配合之use函数限制 (13:25)
    • 视频: 18-12 React与TS配合之类组件类型限制 (04:28)
    • 视频: 18-13 React Router路由如何使用TS进行开发 (16:06)
    • 视频: 18-14 Redux Toolkit状态管理如何使用TS进行开发 (19:39)
    • 视频: 18-15 Umi4框架介绍与基本使用 (16:02)
    • 视频: 18-16 Umi4之mock数据_路由数据加载_路由包装组件 (17:58)
    • 视频: 18-17 Umi Max之antd组件库_发起请求_共享数据流 (13:09)
    • 视频: 18-18 章节总结 (04:08)
    • 作业: 18-19 测试题(实操)
    • 作业: 18-20 测试题(选择)
  • 第19章 React+TS项目:初始化工程与整体架构 7 节 | 68分钟

    在线考勤系统,前端工程搭建、第三方模块安装、架构路由系统、架构状态管理系统等等。

    收起列表

    • 视频: 19-1 章节介绍 (01:01)
    • 视频: 19-2 脚手架安装及第三方模块安装与配置 (05:30)
    • 视频: 19-3 架构项目路由系统及对应页面 (10:03)
    • 视频: 19-4 扩展meta元信息接口与全局守卫 (15:44)
    • 视频: 19-5 架构项目状态管理系统及对应模块 (14:51)
    • 视频: 19-6 配置数据持久化功能并测试后端接口 (17:38)
    • 视频: 19-7 章节总结 (02:44)
  • 第20章 React+TS项目:登录页与首页实现 10 节 | 115分钟

    在线考勤系统,登录页交互实现,token权限验证,持久化实现免登陆,根据token获取用户信息,根据用户角色的权限生产动态菜单等等。

    收起列表

    • 视频: 20-1 章节介绍 (01:27)
    • 视频: 20-2 搭建登录界面及iconfont图标使用 (18:23)
    • 视频: 20-3 收集登录数据及完成登录功能 (07:16)
    • 视频: 20-4 请求头发送token和获取用户信息 (08:32)
    • 视频: 20-5 添加路由权限及登录拦截 (12:39)
    • 视频: 20-6 拆分首页头部组件和侧边栏组件 (25:26)
    • 视频: 20-7 拆分首页导航组件和主体区域组件 (11:02)
    • 视频: 20-8 完成动态权限菜单及路由跳转 (18:31)
    • 视频: 20-9 完成头部交互与动态面包屑 (08:18)
    • 视频: 20-10 章节总结 (02:40)
  • 第21章 React+TS项目:打卡签到页与异常考勤页实现 10 节 | 124分钟

    在线考勤系统,描述列表数据交互、日历数据交互、联动更新,在线签到功能,异常考勤处理,联动日历及月份等等。

    收起列表

    • 视频: 21-1 章节介绍 (01:12)
    • 视频: 21-2 打卡签到页描述列表和日历布局 (16:27)
    • 视频: 21-3 月份控件联动描述列表和日历 (16:49)
    • 视频: 21-4 状态管理用户打卡信息 (17:19)
    • 视频: 21-5 日历数据渲染与在线打卡签到 (12:29)
    • 视频: 21-6 描述列表数据渲染与签到联动 (15:39)
    • 视频: 21-7 异常考勤页时间线布局 (15:48)
    • 视频: 21-8 打卡签到联动异常考勤 (09:01)
    • 视频: 21-9 时间线数据渲染与交互功能实现 (16:51)
    • 视频: 21-10 章节总结 (02:08)
  • 第22章 React+TS项目:添加审批页与我的审批页实现 12 节 | 142分钟

    在线考勤系统,添加审批、动态更新、分页处理、筛选条件处理、联动异常考勤、消息提醒功能等等。

    收起列表

    • 视频: 22-1 章节介绍 (01:16)
    • 视频: 22-2 添加审批页功能栏与数据表格布局 (14:08)
    • 视频: 22-3 分页处理与筛选功能实现 (23:29)
    • 视频: 22-4 弹出框布局与初始数据渲染 (14:05)
    • 视频: 22-5 弹出框数据收集与添加审批 (15:46)
    • 视频: 22-6 联动异常考勤页及数据处理 (10:49)
    • 视频: 22-7 我的审批页功能栏与数据表格布局 (06:54)
    • 视频: 22-8 我的审批页功能实现与更新审批信息 (12:53)
    • 视频: 22-9 渲染消息提醒与交互功能实现 (16:25)
    • 视频: 22-10 更新消息提醒与消除消息提醒 (10:58)
    • 视频: 22-11 章节总结 (02:01)
    • 视频: 22-12 项目优化 - 添加403 404 500页面 (13:09)
  • 第23章 三大热门技术 - 课程总结 7 节 | 99分钟

    总结TS4、Vue3、React18三大热门技术。

    收起列表

    • 视频: 23-1 项目部署 (12:02)
    • 视频: 23-2 TypeScript总结(1) (14:36)
    • 视频: 23-3 TypeScript总结(2) (15:52)
    • 视频: 23-4 Vue总结(1) (11:06)
    • 视频: 23-5 Vue总结(2) (18:22)
    • 视频: 23-6 React总结(1) (13:14)
    • 视频: 23-7 React总结(2) (13:06)
本课程已完结

试看

全部试看小节



讲师

西门老舅 Web前端工程师

13年前端开发及前端培训相关经验,曾在多家IT上市公司担任高级研发,阿里、人人、电信等。主要负责复杂web应用前端搭建,对前端CSS、JS、TS、Vue、React、小程序、工程化都有深入研究,并乐于技术分享。

讲师其他课程

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题