课程 / JavaScript

TypeScript+Vue3.0实战教程

新课：PHP小白到创业，三月速成！

本套视频教程对TypeScript进行了深入讲解，其中涵盖了环境搭建、TypeScript中的各种类型（基本类型、数组、对象、元组、枚举、unknown、any、void、never等）、TypeScript的编译选项，以及TypeScript中面向对象的相关知识（类、抽象类和接口），教程最后通过电商项目落地实操对知识进行了系统的串联。

难度：中级

共122章节

196680次播放

第1章安装与编译TS: TS介绍
07:21; 安装并编译TypeScript
04:20
第2章基本数据类型: 基本数据类型
08:44; 任意值(Any)
05:08; 类型推论
03:13; 联合类型
05:44; 接口
07:50; 数组
04:42
第3章函数: 函数声明、函数表达式
08:07; 可选参数、参数默认值
04:13; 剩余参数、重载
06:33
第4章类型断言: 语法，将一个联合类型断言为其中一个类型
09:37; 将一个父类断言为更加具体的子类
06:00; 将任何一个类型断言为any
04:12; 将any断言为一个具体的类型
04:38; 类型断言的限制
03:26; 双重断言
04:24; 类型断言 VS 泛型
02:57
第5章元组与枚举: 使用type关键字定义类型别名和字符串字面量类型
04:50; 元组
04:52; 枚举
03:26
第6章类: 概念、构造函数、属性和方法
06:38; 存取器
03:23; 静态方法
02:39; 三种访问修饰符：public、private和prote
03:03; 参数属性和只读属性关键字
04:26; 抽象类
05:32; 类与接口、类继承接口、接口继承接口、接口继承类
05:49
第7章泛型: 概念、简单示例
05:46; 多个类型参数
04:04; 泛型约束
03:12; 泛型接口
04:38; 泛型类
03:41; 声明合并、同名函数、接口、类的合并
05:29; 写在结尾
01:38
第8章 Vue3实战专题: 开篇介绍
04:27; Vue3运行环境安装--为什么需要安装运行环境
06:09; npm镜像安装
03:02; VueCI脚手架安装
07:53; 创建Vue3项目
04:58; 项目目录结构讲解
04:18; vue2VSvue3项目main.js对比
04:16; 了解vue3生命周期变化以及setup函数
11:53; ref,reactive响应式数据生命
23:46; Element-puls引入
11:52; 引入HTTP框架
03:52; 封装axios
16:44; 朝夕后台管理系统页面结构分析以及登录页编写
25:40; 使用axios完成登录
05:34; 完善主页面左侧菜单栏
24:54; 设计子路由
11:24; 课程列表页编写
05:29; 实现前端列表分页
09:22; 分页组件以及筛选列表
16:50; 项目总结
03:58
第9章 vue3+Element-plus+axios实战: 课程介绍01
04:54; 课程介绍02
04:37; vue2 vs vue3差异化对比--速度更快
04:17; vue2 vs vue3 差异化对比--体积减小
02:16; vue2 vs vue3 差异化对比--更易维护
04:19; vue2 vs vue3 差异化对比--原生支持度更高
02:51; 项目功能展示
06:06; 开发环境和技术栈
03:07; 安装NodeJS环境
03:59; 安装Vue-CLI
02:39; 创建前端项目、以及目录介绍
07:36; 安装TypeScript和SCSS
07:36; ElementPlus的介绍和使用
06:59; 网站模块划分
09:55; 路由的配置与使用
08:14; 网站头部和尾部的开发以及组件的使用
16:15; 菜单栏控件的使用，结合路由实现切换
07:13; 首页之banner轮播图的实现
07:24; 从变量中读取轮播图数据
07:36; axios的使用，读取JSON数据
12:52; 后端开发之webapi的新建、运行、以及目录讲解
06:13; webapi路由的设置，以及使用swagger查看和调试接口
11:01; axios读取webapi，跨域问题解析
06:52; 解析跨域之后端处理方式
04:47; 解决跨域之前端处理方式
07:13; 首页之主体内容开发
08:59; 鲜花列表接口
11:52; 登录注册页功能分析，以及User表设计
04:05; SqlSugar的介绍，以及安装
03:17; 使用SqlSugar实现Code First，创建数据库
06:22; 使用SqlSugar结合反射生成表，以及初始化数据
10:18; Service层搭建，以及结构介绍
09:31; AutoMapper的安装和使用; 鲜花列表接口对接数据库; vues的介绍和使用，通过vuex状态管理
14:28; 注册界面的实现，以及提交表单输出参数
08:00; 后端API对接
18:58; 登录界面的实现，后端API对接
16:45; 使用vuex实现右上角状态切换-完整流程
05:53; 验证码分析，以及实现流程分析; 验证码后端接口的实现
07:52; 验证码功能前端的实现（点击刷新）
08:08; 登录注册补充验证码逻辑
06:36; 前端列表页的实现
06:32; 列表页数据的读取以及绑定
04:19; 组件化开发之列表页提取
06:40; 详情页的实现; 详情页数据的读取以及绑定; 面包屑组件的使用; 支付页设计，以及发起创建订单请求
04:38; 创建订单接口的实现; 订单接口分析，凭证的重要性; jwt的使用，登录注册逻辑调整; 前端登录注册逻辑调整，token的保存和解析; 创建订单接口加上认证逻辑; 个人中心页面的开发; 订单列表数据的读取和绑定; 认证逻辑的演示以及多种做法; 后端升级之IOC的概念以及实现; 后端升级之IOC的扩展，Autofac的用法; 前端升级之Axios拦截器的使用（上）; 前端升级之Axios拦截器的使用（下）; Log4Net的配置和使用（上），写文本日志; Log4Net的配置和使用（下），写数据库日志; 发布和部署之后端; 发布和部署之前端

讲师介绍

王林: 学生

能学到什么:: 本套视频教程对TypeScript进行了深入讲解，其中涵盖了环境搭建、TypeScript中的各种类型（基本类型、数组、对象、元组、枚举、unknown、any、void、never等）、TypeScript的编译选项，以及TypeScript中面向对象的相关知识（类、抽象类和接口），教程最后通过电商项目落地实操对知识进行了系统的串联。

暂无课件

取消回复发送

PHP中文网