掌握Vue.js:理论与实践完美融合的终极指南!

发表时间: 2019-08-02 19:02

Vue.js开发理论与编码实践结合,学以致用!看这篇就够了!

刘汉伟 /编写

传统的网站开发一般采用HTML+CSS+JS " 三驾马车"作为技术架构,而Vue立足于其上,以模板 语法为基础,以数据绑定和组件经开发为核心,极大地简化了开发流程。使用Vue技术栈,开发者甚至可以在几分钟内搭建出一个完整的前端项目。

学习建议

对于初次接触Vue的同学来说,最好你能将本书耐心读完,这本书在让你学会使用Vue之外,或将对你的编程境界有所提高。

如果你急于应聘要求具备Vue的使用经验的岗位的话,你需要掌握第3章和第4章中有关数据和方法的选项,并对第4章中有关封装复用和第5章、第6章的内容有所了解,之后快速进入实战,查看4个Web项目的源码和演示。在Vue的深水区游泳,还不至于窒息。

如果你喜欢听故事的话,不妨把第1章读一下,毕竟在日后的工作中能接触到的代码五花八门,能对这些代码的年代特征形成基本的认识,也是蛮不错的。

本书的知识点均配以示例,希望通过演示示例的方式能使复杂和空洞的理论变得形象起来,这些示例的代码将随书附赠。希望同学们在学习时不要干嚼文字,对于不理解的地方一定要运行一下,空看十遍不如上手一试。

在后面的实战章节中,本书只摘取了部分具有代表性的代码和流程进行讲解,逻辑结构较为抽象,建议同学们先运行一下项目,对项目内容有个大致的了解,之后参照着项目源码进行学习。

本书特色

1.示例为主,剖析为辅,一切尽在运行中,避免将理论架空

本书中的知识点均配以精心编制、具有代表性的示例,并力图将知识点融入到示例中进行讲述,目的在于以示例为驱动演绎知识点,将理论生动形象化,以避免大段理论带来的枯燥感和视野盲区。在由浅入深地讲述一套知识体系时,笔者将以同一示例为原型,不断对其进行丰富和变换,绝不会引入新的示例代码以增添读者的负担。此外,这些示例均是独立可运行的,读者完全可以在模仿和拓展中解决阅读时产生的疑惑。

2.理论与实践结合,在理论中洞察,在实践中感悟

本书的前六章内容重在讲解Vue的知识体系,力图使读者达到学有所知、学有所感的地步,使读者在接触到陌生的Vue代码片段时,能够知其优劣,以渔之法渔鱼。而后五章内容以常见的网站类型为例,展示了Vue在项目开发中的一些运用,这些网站包括电商类网站(PC端)、企业官网(兼容PC和移动端)、资讯类网站(移动端)和工具类网站(PC端)。

以理论指导实践,以实践检验和丰富理论,这是一个螺旋上升的过程,也是认知新事物的正确方法。笔者希望以理论与实践相结合的方式,避免步入纸上谈兵的后尘,使读者不仅能够学有所知、学有所感,更能够学以致用。

3.多年经验和心得,大型项目的最佳实践和设计模式

多来以来,笔者一直活跃于GitHub等开源社区,接触过国内外许多优秀项目的源码,并以软件工程的专业知识不断检验和更新自己的认知。

本书学前基础

Vue立足于JS,这意味着你在学习本书之前要具备扎实的JS基础,除了会用最基本的关键字和语法结构之外,你还需要掌握JS中的事件机制、DOM编程、闭包、对象引用和一些内置对象的常用方法等内容。当然,笔者也会在书中对这些内容进行简单的介绍,以确保不会对Vue的学习造成障碍。不过,作为一本前端技术的进阶用书,你的编程境界越高,你能体会到的也就越多。

除了具备扎实的JS基础之外,你还需要掌握基本的CSS和H5用法,这些是组件化开发中必不可少的内容。

在项目实战中,笔者将会使用一些CSS和H5的高级特性或引入一些第三方组件库,缺乏相关开发经验的同学也许会对此感到陌生,不过也不必担心,笔者会对这些内容进行详细讲解。当然,它们也并不难于习得。

本书正是以Vue技术栈为核心,由浅入深地进行讲解。在语法学习之外,本书还将深入探讨和模拟底层机制的实现,以原生的角度剖析框架。最后,本书将以当前最常见的网站类型为例来讲解实战课程。

本书将选取有代表性和表达鲜明的示例,以实战示例讲解知识点,避免将理论架空和复杂化,并力图使用浅显易懂的语言进行论述,最大程度地使文章内容更易于理解。对于一些最佳实践和优秀模式,本书还将对其主题化进行论述。与其他同类书籍相比,本书是一个前端从业者的角度来思考和编写的,切身实地地专注于解决学习者在职业生涯上遇到的一些困难和瓶颈。