mksz449

前端开发

课程简介

前端开发：TypeScript 基础与 Vue3.0 入门这门课聚焦于 TypeScript 语言的核心概念与 Vue3.0 框架的使用，适合希望从零开始掌握现代前端开发技术的开发者。课程内容围绕类型系统展开，系统讲解从基础类型到高级类型技巧的完整知识体系，帮助你理解类型在代码中的作用，并学会如何通过类型提升代码的可维护性与健壮性。 TypeScript…

已有 1 人浏览发布 2026-09-23 更新 2026-09-25

前端开发：TypeScript 基础与 Vue3.0 入门

这门课聚焦于 TypeScript 语言的核心概念与 Vue3.0 框架的使用，适合希望从零开始掌握现代前端开发技术的开发者。课程内容围绕类型系统展开，系统讲解从基础类型到高级类型技巧的完整知识体系，帮助你理解类型在代码中的作用，并学会如何通过类型提升代码的可维护性与健壮性。

TypeScript 核心能力构建

课程从 TypeScript 的基本语法入手，逐步深入类型系统的核心机制，包括原始类型、联合类型、类型断言、类型别名等。通过讲解类、接口、枚举和泛型等关键语法，帮助你建立起完整的类型思维。尤其是泛型部分，从基础实现到约束泛型，再到在类和接口中的应用，内容详实，适合需要在实际项目中复用类型逻辑的开发者。建议优先观看第2章内容，熟悉类型系统后再进入 Vue3.0 学习，这样能更好地理解框架中的类型使用。

Vue3.0 新特性与实践

第3章内容聚焦 Vue3.0 的新特性，如响应式系统、组合式 API、TypeScript 支持等。课程通过具体示例，展示如何在 Vue3.0 中充分利用 TypeScript 提供的类型检查能力，提高组件开发效率与代码质量。适合已完成 Vue2 学习，或对 Vue3.0 感兴趣的开发者。建议在掌握 TypeScript 基础之后学习本章，以便更好地结合类型系统与 Vue3.0 的特性。

学完本课程，你可以独立完成基于 TypeScript 的前端项目开发，包括组件定义、类型管理、接口封装等基础模块。课程配套的资料包包含代码示例与在线文档链接，建议对照代码进行练习，加深对概念的理解。通过实际编码，逐步掌握如何将 TypeScript 类型系统与 Vue3.0 框架结合，实现更高效、更安全的前端开发。

课程目录

第1章课程介绍2 集

| ├──1-1 课程介绍（导学）.mp4 105.59M
| └──1-2 代码库和在线文档使用注意事项（必看）.mp4 35.97M

第2章你好 Typescript：进入类型的世界13 集

| 鈹溾攢鈹€2-1 浠€涔堟槸 Typescript.mp4 16.97M
| ├──2-10 类和接口 - 完美搭档.mp4 20.22M
| ├──2-12 泛型（Generics）第一部分.mp4 32.81M
| ├──2-13 泛型（Generics）第二部分 - 约束泛型.mp4 32.31M
| ├──2-14 泛型第三部分 - 泛型在类和接口中的使用.mp4 53.47M
| ├──2-15 类型别名，字面量和交叉类型.mp4 30.34M
| ├──2-16 声明文件.mp4 50.44M
| 鈹溾攢鈹€2-17 鍐呯疆绫诲瀷.mp4 71.78M
| ├──2-2 为什么要学习 typescript.mp4 16.34M
| ├──2-3 安装 typescript.mp4 26.19M
| ├──2-4 原始数据类型和 Any 类型.mp4 27.81M
| 鈹溾攢鈹€2-6 Interface- 鎺ュ彛鍒濇帰.mp4 12.38M
| ├──2-8 类型推论联合类型和类型断言.mp4 37.41M

第3章初识 Vue3.0：新特性详解13 集

| ├──3-10 vue3 模块化妙用- 鼠标追踪器 (2).mp4 33.81M
| ├──3-11 模块化难度上升 - useURLLoader (2).mp4 34.08M
| ├──3-12 模块化结合typescript - 泛型改造 (3).mp4 30.99M
| ├──3-14 Teleport - 瞬间移动第一部分 (2).mp4 10.17M
| ├──3-15 Teleport - 瞬间移动第二部分 (2).mp4 27.23M
| ├──3-16 Suspense - 异步请求好帮手第一部分 (2).mp4 11.14M
| ├──3-17 Suspense - 异步请求好帮手第二部分 (2).mp4 23.62M
| 鈹溾攢鈹€3-18 鍏ㄥ眬 API 淇敼 (2).mp4 15.65M
| ├──3-3 使用 vue-cli 配置 vue3 开发环境 (2).mp4 14.84M
| ├──3-4 项目文件结构分析和推荐插件安装 (2).mp4 29.81M
| ├──3-7 vue3 响应式对象的新花样 (2).mp4 18.88M
| ├──3-8 老瓶新酒 - 生命周期 (2).mp4 17.32M
| 鈹斺攢鈹€3-9 渚︽祴鍙樺寲 - watch (2).mp4 24.10M

第4章项目起航 - 准备工作和第一个页面11 集

| ├──4-1 项目起航需求分析.mp4 60.62M
| ├──4-10 Dropdown 组件点击外部区域自动隐藏.mp4 118.66M
| ├──4-11 useClickOutside 第一个自定义函数.mp4 58.69M
| ├──4-2 文件结构和代码规范.mp4 46.09M
| ├──4-3 样式解决方案简介和分析.mp4 58.03M
| ├──4-4 设计图拆分和组件属性分析.mp4 18.62M
| 鈹溾攢鈹€4-5 ColumnList 缁勪欢缂栫爜.mp4 80.72M
| ├──4-6 ColumnList 组件使用 Bootstrap 美化.mp4 83.94M
| ├──4-7 GobalHeader 组件编码.mp4 75.94M
| ├──4-8 Dropdown 组件基本功能编码.mp4 69.16M
| 鈹斺攢鈹€4-9 Dropdown 缁勪欢娣诲姞 DropdownItem.mp4 67.78M

第5章表单的世界 - 完成自定义 Form 组件10 集

| ├──5-1 web 世界的经典元素 - 表单.mp4 26.19M
| ├──5-10 ValidateForm 编码第四部分 - 大功告成.mp4 68.31M
| ├──5-2 ValidateInput 第一部分 — 简单的实现.mp4 77.91M
| ├──5-3 ValidateInput 第二部分 —抽象验证规则.mp4 120.78M
| ├──5-4 ValidateInput 第三部分 — 支持 v-model.mp4 105.88M
| ├──5-5 ValidateInput 编码第四部分 — 使用 $attrs 支持默认属性.mp4 86.16M
| ├──5-6 ValidateForm 组件需求分析.mp4 19.38M
| ├──5-7 ValidateForm 编码第一部分 - 使用插槽 slot.mp4 91.56M
| ├──5-8 ValidateForm 编码第二部分 - 尝试父子通讯.mp4 111.84M
| └──5-9 ValidateForm 编码第三部分 - 寻找外援 mitt.mp4 67.91M

第6章请你吃全家桶 - 初步使用 vue-router 和 vuex10 集

| ├──6-10 添加新建文章页面 (2).mp4 29.23M
| ├──6-11 Vue router 添加路由守卫 - 前置守卫 (2).mp4 22.04M
| ├──6-12 Vue router 添加路由守卫 - 使用元信息完成权限管理 (2).mp4 13.00M
| ├──6-2 vue-router 安装和使用 (2).mp4 14.97M
| ├──6-4 vue-router 添加路由 (2).mp4 35.61M
| 鈹溾攢鈹€6-5 娣诲姞 columnDetail椤甸潰 (2).mp4 30.20M
| ├──6-6 状态管理工具是什么 (2).mp4 9.12M
| ├──6-7 Vuex 简介和安装 (2).mp4 21.08M
| ├──6-8 Vuex 整合当前应用 (2).mp4 36.32M
| └──6-9 使用 Vuex getters (2).mp4 22.84M

第7章前后端结合 - 项目整合后端接口14 集

| ├──7-1 前后端分离开发是什么.mp4 12.72M
| ├──7-10 Loader 组件编码第二部分 - 使用 Teleport 进行改造.mp4 63.34M
| 鈹溾攢鈹€7-2 RESTful API 璁捐鐞嗗康.mp4 57.22M
| ├──7-3 使用 swagger在线文档查看接口详情.mp4 93.78M
| ├──7-4 axios 的基本用法和独家后端API 使用（必看）.mp4 67.94M
| ├──7-5 使用vuex action 发送异步请求.mp4 106.94M
| ├──7-6 使用vuex action 发送异步请求第二部分.mp4 101.22M
| ├──7-7 使用 async 和 await 改造异步请求.mp4 90.38M
| ├──7-8 使用axios拦截器添加loading效果.mp4 86.06M
| └──7-9 Loader 组件编码第一部分 - 基本实现.mp4 74.56M
课程资料
| ├──typescript-basic-master.zip 6.65kb
| ├──vue3-basic-master.zip 99.58kb
| └──zheye-master.zip 124.95kb
——/mksz449 - Vue3.0（正式版） + TS 仿知乎专栏企业级项目/├──第1章课程介绍 | ├──1-1 课程介绍（导学）.mp4 105.59M| └──1-2 代码库和在线文档 rk0187-mksz449 - Vue3.0（正式版） + TS 仿知乎专栏企业级项目