前言
Vue.js本身是JavaScript技术栈中的一个框架,但随着前端项目规模的增加,JavaScript越来越难以胜任大型团队合作的复杂项目的开发,TypeScript则弥补了JavaScript这方面的不足,编程的方式也更加现代化,因此Vue.js+TypeScript的组合越来越受前端开发人员的喜爱,已成为前端大型项目开发的一种趋势。
本书以一个资深前端架构师的视角,从零基础入手,通俗易懂地介绍了TypeScript的基础语法和进阶用法,以及Vue.js全家桶和周边技术框架,并提供了丰富的范例和项目,旨在使读者边学边练,快速且扎实地掌握TypeScript的编程方法和Vue.js框架的方方面面,并真正使用它们开发出商业级的应用程序。
内容结构
本书共分为17章。
第1章是本书的入门,简单介绍了前端开发必备的基础知识,包括HTML、CSS和JavaScript这3种前端开发必备的技能,以及JavaScript与TypeScript的关系,然后简要介绍了Vue.js框架,以使读者对本书所讲的知识有一个初步印象。
第2~4章是TypeScript部分。
第2章介绍TypeScript中的一些基础语法,包括开发环境的搭建、基本数据类型、函数等相关知识。第3章介绍TypeScript中的面向对象编程,包括类、接口等核心语法。第4章介绍TypeScript高阶技术,包括TypeScript中的泛型、迭代器与装饰器等。
第6~10章是Vue.js部分。
第5章介绍Vue模板的基本用法,包括模板插值、条件与循环渲染的相关语法。第6章介绍Vue组件中属性和方法的相关概念,并使用面向对象的思路进行前端程序开发,通过一个功能简单的登录注册页面进行练习。
第7章介绍前端应用中用户交互的处理方法,用户交互为应用程序带来灵魂。除介绍基础的网页用户交互的处理外,还讲解如何在Vue.js框架中更加高效地处理用户交互事件。
第8章和第9章介绍Vue.js中组件的应用。组件是Vue.js框架的核心,有了组件,才有了开发大型互联网应用的基础,组件使得项目的结构更加便于管理,工程的可维护与可扩展性大大提高,且组件本身的复用性也使开发者可以大量使用第三方模块,或将自己开发的模块作为组件供各种项目使用,极大地提高了开发效率。
第10章介绍Vue.js框架的响应性原理及Vue.js 3.x版本引入的组合式API的新特性。本章是对读者开发能力的一种拔高,引导读者在实现功能到精致逻辑设计的方向上进步。
第11章介绍通过Vue.js框架开发前端动画效果。前端是和用户面对面的,功能本身只是前端应用的一部分,更重要的是给用户带来良好的使用体验。合理地使用动画是提升用户体验的一大法宝。
第12章介绍开发大型项目必备的脚手架Vue CLI和Vite的基本用法,管理项目、编译、打包都需要使用脚手架工具。
在使用Vue CLI构建结构化的Vue应用前,我们都是通过在HTML中引入Vue.js框架直接使用的,这种方式通过编译即可直接使用Vue.js提供的功能,这会使读者专注于Vue.js框架本身的语法特性,不分散精力在环境搭建、语言编译等工作流程上。因此,这一部分我们依然使用JavaScript来做Vue.js语法的演示。在使用脚手架工具后,编译相关的工作流程将由脚手架完成,在后续的实践项目中,读者即可通过前面所学习的知识,结合运用TypeScript来开发完整的应用程序。
第13章介绍样式美观且扩展性极强的基于Vue.js的UI框架Element Plus,第14章介绍网络请求框架vue-axios,第15章介绍一款非常好用的Vue应用路由管理框架Vue Router,第16章介绍强大的状态管理框架Vuex,通过Vuex开发者可以更好地管理大型Vue项目各个模块间的交互。
第17章通过一个相对完整的应用项目全面地对本书所涉及的Vue.js技能进行综合应用,帮助读者学以致用,更加深入地理解所学习的内容。
配书资源
源代码:本书提供完整源代码,读者扫描下方的二维码即可下载。
代码导读手册:该手册对本书所有代码进行了详尽说明,对于初学者来说,通过该手册可以大大降低理解代码的难度,达到快速上手的目的。代码导读手册参见源码包中的PDF文件。读者扫描右侧的二维码即可下载。
教学视频:作者为本书录制的教学视频,读者可以扫描书中各章节的二维码直接观看。
如果在学习和下载资源的过程中遇到问题,可以发送邮件至booksaga@126.com,邮件主题写“TypeScript+Vue.js前端开发从入门到精通”。
读者对象
· 正在学习前端开发的初学者
· 拥有1~2年工作经验,想进一步提升的前端开发人员
· 培训机构的学员和大中专院校的学生
最后,感谢支持我的家人和朋友,感谢清华大学出版社王金柱编辑的勤劳付出,使本书顺利与读者见面。感谢读者的耐心,希望本书可以带给你预期的收获。限于本人水平,书中疏漏之处在所难免,敬请广大读者斧正。
张益珲
2023年10月14日于上海