石器时代

谈前端框架发展史之前,我们先来简单回顾一下前端的发展历史吧。

而前端的发展历史,又非常直观地显示在你看到的前端网页的演变历史中。

整个 90 年代,受限于网速,网页都是静态页,显示非常单一,前端的工作大部分都只是让美工来切切图和写写 HTML+CSS。

也因此,在 90 年代,前端还处在一种萌发期的状态,前端工程师这一工种也没有明确出现。

再后来,后端越来越复杂,开始分层。就像在小公司里,大家啥都干,

但公司规模大了之后,就要分部门,职责明确,代码也从揉在一起发展到 Model,View 和 Controller,分别负责不同的功能。

这就是后端 MVC 模式的盛行,让我们可以在模板里写上要展现的数据。

以前的代码都是所有内容写在一起,现在就会用 Model 负责数据。

后端渲染页面之前,会把数据库的数据显示在前端。

这个时候,除了写前端代码必备的 HTML、CSS 和简单的 JavaScript 动效,我们也开始用到了 JSP 和 Smarty,我们会写出如下这种代码:

<!DOCTYPE html>
  <html>
  <head>
  <meta charset="utf-8">
  <title>smarty test1</title>
  </head>
  <body>
  它的名字叫{$name}
  </body>
  </html>

上述代码写出来的页面,就可以直接显示后端数据库里的数据了,这也就是所谓的动态网页。动态页面使得前端本身的丰富程度大大提升。这一下子迎来了整个互联网开发的繁荣时期,但这种模式下的任何数据更新,都需要刷新整个页面,并且在带宽不足的年代,这样做会耗费不少加载网页的时间。

所以这个时代的网页主要还是以显示数据和简单的特效为主,比如当时众多的门户网站,也都没有太多的用户交互,主要就是显示后端存储的新闻。

直到 2004 年,Google 发布了 Gmail,用户可以在不刷新页面的情况下进行复杂的交互,之后,Ajax 逐渐成为网页开发的技术标准,也不断地被应用于各种网站。**Ajax 这个技术让我们可以异步的获取数据并且刷新页面,从此前端不再受限于后端的模板,这也宣告了 Web2.0 时代正式到来。**至此,前端工程师也正式作为一个独立工种出现。

铁器时代