|
第1章 课程介绍
本章节介绍整个课程的内容,让大家了解课程的核心和安排。: i Z: {( i3 {
! {+ G1 M( Q" b
第2章 你好 Typescript: 进入类型的世界
本章主要帮助大家理解 TypeScript 可以解决的问题和所带来的优势,带领大家学习 TS 中的各种基础类型,然后进阶到复杂类型,包括:Array, Tuple, interface, function, Class, Enum, Generices等,迅速帮助大家理解 TS 的基础使用方式和语法。
! [1 H- B: Q- b$ D2 \+ i3 _4 l
第3章 初识 Vue3.0: 新特性详解$ q0 B* ]+ m4 }* h8 I
首先浏览 vue3 新带来的变化,然后从为什么会有 vue3 引出话题, 带领大家学习 compostion API,自定义Hooks,Teleport,Suspense 和 全局 API 修改等一系列 vue3 的重大更新。
( [" o# l1 w2 k: }0 D: X3 t9 q; Y
第4章 项目起航 - 准备工作和第一个页面. }8 p; ^4 A( F1 F$ `+ W9 p
本章从项目的需求开始分析,然后确定项目的整体结构和代码规范,并且为项目选择 Bootstrap 作为样式库,编写 ColumnList 和 GlobalHeader 完成简单的练手以后,开始挑战第一个比较复杂的 Dropdown 下拉菜单组件,最后还抽象抽象出第一个 hooks 函数。...
7 }! D# Z3 ^+ r$ G2 J- J# \0 h. k( l
第5章 表单的世界 - 完成自定义 Form 组件
本章来到表单的世界,从头到尾非常完整的完成了一个带验证表单组件的全流程开发过程,在整个过程中,我们还学习到了 v-model,$attrs, slot,组件父子通讯 和 mitt 的各种知识点。! |# Y: i" ^# M3 t5 G: R! o. i8 p
第6章 请你吃全家桶 - 初步使用 vue-router 和 vuex
本章从 SPA 的概念引出,完成了 vue-router 的安装,然后学习它的基本使用,获取信息,动态跳转,前置守卫和元信息等各种知识点,然后又介绍了状态管理工具的具体定义,从而引出 vuex 的安装 和 它的 state,mutation,getter 等多个基本知识点。... O/ P0 S, g1 \' Z& S
第7章 前后端结合 - 项目整合后端接口
本章从 前后端分离和 RESTful 概念入手,介绍了为学生提供的 swagger 调试工具如何使用,然后引入 axios,通过 vuex action 的添加,实现 async 改造 和 axios 拦截器的基本用法,最后还抽象出一个 Loader 组件的编码和实现过程。! F& @' @3 ~( A" U1 O% }# s" e
第8章 通行凭证 - 权限管理
本章从 获取 token 为起点,讲述了 JWT 通用身份验证工具的原理和实现,然后完成了 axios 设置通用header 和 持久化登录的处理方法,之后还添加了全局通用错误处理,最后抽象出一个通用组件 Message 的编码和实现过程。
, l. A! e$ x4 Q3 e; U
第9章 道高一尺 - 上传组件2 |7 c" Y* m) r" V; m3 z
本章实现了 Upload 组件从分析,编码的全过程,在这个过程中,我们将会学到:上传文件的原理,使用 axios 完成文件上传的方法,循序渐进的完成一个复杂组件的开发流程。
第10章 最终的功能 - 编辑和删除文章* L+ H. Z* a8 N8 N3 Z
通过完成文章的编辑和删除功能,引出了之前组件留下的几个 bug,通过解决bug 带给大家持续优化的思路和方案,最后完成了一个通用 Modal 组件的编码过程。- o7 q4 _1 Q! g
第11章 持续优化9 z2 E* M5 O/ }9 Z. J
通过分析发现应用中可以优化的两个部分,提出并编码 数组改成对象 的store 优化方案以及防止重复请求的解决方案。最后还抽象除了 useLoadMore 的逻辑实现,最终完成了一个复杂的自定义 Hooks。6 ]* s" ]6 }# b$ ^
% R, g5 F1 u9 o* L3 c( Q
第12章 项目构建和部署
从生产环境的概念以及生产环境和开发环境的异同的概念开始,接着实践了应用构建,构建代码上线,和构建代码持续集成的一系列概念。% P' x8 e5 [6 v4 ?4 Y
2 x m2 F. d1 s! ] d3 l
第13章 课程总结
下载地址vip会员回复可见:
|
|