TypeScript+Vue.js前端开发从入门到精通

《TypeScript+Vue.js前端开发从入门到精通》由活跃在一线的前端资深架构师总结近十年开发经验精心编撰，面向拥有1-2年经验的程序员，初学者，内容贴近开发实践。 本书首先介绍倍受关注的TypeScript编程语言，然后介绍Vue.js 3.x的核心技术，最后介绍使用两者结合开发项目，各章穿插介绍了很多小项目练手，可以说边学边练，易于上手，符合读者的学习习惯。 《TypeScript+Vue.js前端开发从入门到精通》还介绍了前端开发的相关UI组件、Vue.js全家桶的相关框架，可以帮助读者真正开发商业级的项目，应对工作需求。 《TypeScript+Vue.js前端开发从入门到精通》还提供了详尽解说的代码导读手册，几乎解释了书中示例的每一行代码，这一点对于初学者来说，可以大大降低理解代码的困惑。 总之，这是一本内容实战性强，配书资源丰富，贴近读者，通俗易学的一本前端开发书籍，相信会给读者带来预期受益。

   本书以一个一线前端架构师的视角，深入浅出地介绍TypeScript与Vue.js整合开发大型前端应用的全部技术细节。全书共17个章节，主要内容包括TypeScript基础、面向对象编程、Vue中的模板、组件属性和方法、用户交互处理、组件基础与进阶、Vue响应性编程、动画技术、脚手架Vue CLI和Vite工具的使用、Element Plus UI组件库以及基于Vue的网络框架vue-axios的应用等。此外，本书还涵盖Vue路由管理和状态管理的内容，并通过实战编程技术论坛系统项目的开发，让读者巩固所学的知识，全面提升自己的前端开发技能。

本书还提供了丰富的配书资源，包括教学视频、源代码、代码导读手册，这些资源可以让读者学习更轻松和高效。

本书面向TypeScript与Vue.js初学者和有一到两年经验的前端开发人员，也适合培训机构和大中专院校作为教学用书。

张益珲，美国亚利桑那州立大学计算机工程技术硕士，架构师，从业近10年，多年大前端开发经验，曾就职于知名上市公司，主导开发过多款商业级应用程序，对移动跨平台开发、前端开发，以及Vue.js 、React、Flutter、小程序与iOS开发都拥有丰富经验。开源中国特邀技术专家，发表相关技术博文400余篇，访问量超过100万次。出版畅销书《循序渐进Vue.js 3.x前端开发实战》《微信小程序与云开发从入门到实践》《Swift 5从零到精通iOS开发训练营》等多部。

第1章 准备知识 1
1.1 前端技术简介 2
1.2 HTML入门 3
1.2.1 准备开发工具 3
1.2.2 HTML中的基础标签 5
1.3 CSS入门 8
1.3.1 CSS选择器入门 8
1.3.2 CSS样式入门 11
1.4 JavaScript入门 14
1.4.1 我们为什么需要JavaScript 15
1.4.2 JavaScript语法简介 16
1.4.3 从JavaScript到TypeScript 19
1.5 渐进式开发框架Vue 19
1.5.1 第一个Vue应用 20
1.5.2 范例：一个简单的用户登录页面 21
1.5.3 Vue 3的新特性 23
1.5.4 我们为什么要使用Vue框架 24
1.6 本章小结 25
第2章 TypeScript基础 26
2.1 重新认识TypeScript 26
2.1.1 安装TypeScript 27
2.1.2 TypeScript语言版本的HelloWorld程序 28
2.1.3 使用高级IDE工具 29
2.2 TypeScript中的基本类型 31
2.2.1 布尔、数值与字符串 31
2.2.2 特殊的空值类型 33
2.2.3 数组与元组 34
2.3 TypeScript中有关类型的高级内容 35
2.3.1 枚举类型 35
2.3.2 枚举的编译原理 38
2.3.3 any、never与object类型 39
2.3.4 关于类型断言 40
2.4 函数的声明和定义 41
2.4.1 函数的类型 41
2.4.2 可选参数、默认参数和不定个数参数 42
2.4.3 函数的重载 44
2.5 本章小结 45
第3章 TypeScript中的面向对象编程 48
3.1 理解与应用“类” 48
3.1.1 类的定义与继承 48
3.1.2 类的访问权限控制 51
3.1.3 只读属性与存取器 53
3.1.4 关于静态属性与抽象类 55
3.1.5 类的实现原理 57
3.2 接口的应用 58
3.2.1 接口的定义 59
3.2.2 使用接口约定函数和可索引类型 60
3.2.3 使用接口来约束类 62
3.2.4 接口的继承 64
3.3 TypeScript中的类型推断与高级类型 65
3.3.1 关于类型推断 65
3.3.2 联合类型与交叉类型 67
3.3.3 TypeScript的类型区分能力 68
3.3.4 字面量类型与类型别名 70
3.4 本章小结 71
第4章 TypeScript编程进阶 73
4.1 使用泛型进行编程 73
4.1.1 泛型的简单使用 73
4.1.2 在类和接口中使用泛型 75
4.1.3 对泛型进行约束 77
4.2 迭代器与装饰器 78
4.2.1 关于迭代器 79
4.2.2 关于装饰器 80
4.2.3 装饰器的组合与装饰器工厂 83
4.3 命名空间与模块 84
4.3.1 命名空间的应用 84
4.3.2 使用模块 86
4.4 本章小结 87
第5章 Vue中的模板 88
5.1 模板基础 88
5.1.1 模板插值 89
5.1.2 模板指令 91
5.2 条件渲染 93
5.2.1 使用v-if指令进行条件渲染 93
5.2.2 使用v-show指令进行条件渲染 96
5.3 循环渲染 97
5.3.1 v-for指令的使用方法 97
5.3.2 v-for指令的高级用法 100
5.4 范例：待办任务列表 101
5.4.1 使用HTML搭建应用框架结构 101
5.4.2 实现待办任务列表逻辑 102
5.5 本章小结 104
第6章 Vue组件的属性和方法 105
6.1 属性与方法基础 105
6.1.1 属性基础 106
6.1.2 方法基础 106
6.2 计算属性和侦听器 107
6.2.1 计算属性 107
6.2.2 使用计算属或函数 108
6.2.3 计算属性的赋值 109
6.2.4 属性侦听器 110
6.3 进行函数限流 111
6.3.1 手动实现一个简易的限流函数 112
6.3.2 使用Lodash库进行函数限流 113
6.4 表单数据的双向绑定 114
6.4.1 文本输入框 114
6.4.2 多行文本输入区域 115
6.4.3 复选框与单选框 115
6.4.4 选择列表 116
6.4.5 两个常用的修饰符 117
6.5 样式绑定 117
6.5.1 为HTML标签绑定class属性 117
6.5.2 绑定内联样式 119
6.6 范例：用户注册页面 120
6.6.1 搭建用户注册页面 120
6.6.2 实现注册页面的用户交互 123
6.7 本章小结 125
第7章 处理用户交互 127
7.1 事件的监听与处理 127
7.1.1 事件监听示例 128
7.1.2 多事件处理 129
7.1.3 事件修饰符 130
7.2 Vue中的事件类型 132
7.2.1 常用的事件类型 132
7.2.2 按键修饰符 134
7.3 实战一：随鼠标移动的小球 135
7.4 实战二：弹球游戏 138
7.5 本章小结 141
……