Web前端的发展史

Page content

Web前端技术的发展历史大体上可以分成以下几个主要阶段。

 

1.蛮荒时代

 

   20世纪90年代,Web前端的主要工作就是在浏览器上展示一些文字和图片, 以及提供一些
 注册表单。那时的网站以浏览为主,使用HTML的标签元素来显示网页内容,CSS以元素的行内
 样式现,少量的JavaSerip代码起客户端验证、表单验证的作用。

 

2.进化时代

 

    Ajax的出现是Web前端的第一次大型进化,以Gmail为代表的一系列规模更大,效果更好的
  Web程序的出现,促使网页中的JavaScript比例越来越大。
    随着JavaScript代码量的上涨,促进了JavaScript库概念的出现,当时最有名的就是
  prototype、motools等 JavaScript库,这两个库都是基于面向对象的方式组织,并整合
  了大量的业务代码,如枚举、数组、字符串、DOM ( Document Object Model,文档对象
  模型),BOM ( Browser Object Model,浏览器对象模型)、表单、Ajax等,这些整合好
  的方法库减少了前端工程师的开发难度。
    这个时代最耀眼的明星就是jQuery, jQuery的重点放在了DOM操作上,极大地简化了页
  面元素操作的难度,链式调用的出现也减少了前端工程师需要编写的代码量。

 

3.革命时代

 

  Flash的没落和HTML 5技术的崛起,使Web前端的业务内容短时间爆发了,在线游戏、在线应
用、动态网站等新兴业务极大地拓展了前端的技术边界。
  Web前端工程师们开始考虑这样一些问题: 如何更好地模块化开发、业务数据如何组织、界面
和业务数据之间通过任何方式进行交互。
  在这种背景下,出现了一些前端MVC、MVP、MVVM框架,把这些框架统称为MV*框架这些框架
主要是为了解决上面这些问题,具体的实现思路各有不同,主流的有Vue、AngularJS和React等。
在进化时代和革命时代出现的两个代表技术一个叫作库, 而另个叫作框架。
(1)库(插件):是一-种封装好的特定方法集合,对项目的侵入性较小,提供给开发者使用,控制权
在使用者手中,如果某个库无法完成某些需求,则可以很容易切换到其他库实现需求。
(2)框架: 是一套架构,会基于自身特点向用户提供套相当完整的解决方案,而且控制权在框架
本身;对项目的侵入性较大使用者要按照框架所规定的某种特定规范进行开发,项目如果需要更换
框架则需要重构整个项目。
其实无论是什么框架采用的是哪种MV*模式,其内部的代码都是由原身的JavaScript,CSS等构成。