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语法。