• 课程 / JavaScript

    TypeScript+Vue3.0实战教程

    PHP综合实战阶段,开始报名了!

    立即报名
    介绍章节评论课件
    本套视频教程对TypeScript进行了深入讲解,其中涵盖了环境搭建、TypeScript中的各种类型(基本类型、数组、对象、元组、枚举、unknown、any、void、never等)、TypeScript的编译选项,以及TypeScript中面向对象的相关知识(类、抽象类和接口),教程最后通过电商项目落地实操对知识进行了系统的串联。
  • 难度:中级
  • 共122章节
  • 66684次播放
  • 第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

    枚举

    第6章 类

    概念、构造函数、属性和方法

    06:38

    存取器

    静态方法

    三种访问修饰符:public、private和prote

    参数属性和只读属性关键字

    抽象类

    类与接口、类继承接口、接口继承接口、接口继承类

    05:49
    第7章 泛型

    概念、简单示例

    05:46

    多个类型参数

    泛型约束

    泛型接口

    泛型类

    声明合并、同名函数、接口、类的合并

    05:29

    写在结尾

    第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

    项目总结

    第9章 vue3+Element-plus+axios实战

    课程介绍01

    04:54

    课程介绍02

    vue2 vs vue3差异化对比--速度更快

    vue2 vs vue3 差异化对比--体积减小

    vue2 vs vue3 差异化对比--更易维护

    vue2 vs vue3 差异化对比--原生支持度更高

    项目功能展示

    06:06

    开发环境和技术栈

    安装NodeJS环境

    03:59

    安装Vue-CLI

    02:39

    创建前端项目、以及目录介绍

    安装TypeScript和SCSS

    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,跨域问题解析

    解析跨域之后端处理方式

    解决跨域之前端处理方式

    首页之主体内容开发

    08:59

    鲜花列表接口

    登录注册页功能分析,以及User表设计

    SqlSugar的介绍,以及安装

    使用SqlSugar实现Code First,创建数据库

    使用SqlSugar结合反射生成表,以及初始化数据

    Service层搭建,以及结构介绍

    AutoMapper的安装和使用

    鲜花列表接口对接数据库

    vues的介绍和使用,通过vuex状态管理

    注册界面的实现,以及提交表单输出参数

    08:00

    后端API对接

    18:58

    登录界面的实现,后端API对接

    16:45

    使用vuex实现右上角状态切换-完整流程

    验证码分析,以及实现流程分析

    验证码后端接口的实现

    07:52

    验证码功能前端的实现(点击刷新)

    登录注册补充验证码逻辑

    06:36

    前端列表页的实现

    06:32

    列表页数据的读取以及绑定

    04:19

    组件化开发之列表页提取

    详情页的实现

    详情页数据的读取以及绑定

    面包屑组件的使用

    支付页设计,以及发起创建订单请求

    创建订单接口的实现

    订单接口分析,凭证的重要性

    jwt的使用,登录注册逻辑调整

    前端登录注册逻辑调整,token的保存和解析

    创建订单接口加上认证逻辑

    个人中心页面的开发

    订单列表数据的读取和绑定

    认证逻辑的演示以及多种做法

    后端升级之IOC的概念以及实现

    后端升级之IOC的扩展,Autofac的用法

    前端升级之Axios拦截器的使用(上)

    前端升级之Axios拦截器的使用(下)

    Log4Net的配置和使用(上),写文本日志

    Log4Net的配置和使用(下),写数据库日志

    发布和部署之后端

    发布和部署之前端

    讲师介绍

    王林
    王林
    学生
    能学到什么:

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

    全部评论我要评论

    暂无评论~
  • 取消回复发送
  • PHP中文网