1.1 前端开发技术的发展

Vue.js是基于JavaScript的一套MVVC前端框架。在介绍Vue.js之前,先来了解一下Web前端技术的发展过程。

Web刚起步阶段,只有可怜的HTML,浏览器请求某个URL时,Web服务器就把对应的HTML文件返回给浏览器,浏览器做解析后展示给用户。随着时间推移,为了能给不同用户展示不同的页面信息,就慢慢发展出来基于服务器的可动态生成HTML的语言,例如ASP、PHP、JSP等。

但是,当浏览器接收到一个HTML后,如果要更新页面的内容,就只能重新向服务器请求获取一份新的HTML文件,即刷新页面。在2G的流量年代,这种体验是很容易让人崩溃的,而且还浪费流量。

1995年,Web进入JavaScript阶段,在浏览器中引入了JavaScript。JavaScript是一种脚本语言,浏览器中带有JavaScript引擎,用于解析并执行JavaScript代码,然后就可以在客户端操作HTML页面中的DOM,这样就解决了不刷新页面情况,动态地改变用户HTML页面的内容。再后来发现编写原生的JavaScript代码太烦琐了,还需要记住各种晦涩难懂的API,最重要还需要考虑各种浏览器的兼容性,就出现了jQuery,并很快占领了JavaScript世界,几乎成为前端开发标配。

直到HTML5的出现,前端能够实现的交互功能越来越多,代码也越来越复杂,从而出现了各种MV*框架,使得网站开发进入SPA(Single Page Application)时代。SPA也就是单页应用程序,是指只有一个Web页面的应用。单页应用程序是加载单个HTML页面、并在用户与程序交互时动态更新该页面的Web应用程序。浏览器一开始会加载必需的HTML、CSS和JavaScript,所有的操作都在这个页面上完成,由JavaScript来控制交互和页面的局部刷新。

2015年6月,ECMAScript 6发布,其正式名称为ECMAScript 2015。该版本增加了很多新的语法,从而拓展了JavaScript的开发潜力。Vue.js项目开发中经常会用ECMAScript 6语法。