今天说一下这个【技术创作101训练营】Web 前端发展历程

PPT:

WEB前端发展历程.pptx

演讲文稿:

前言

大家好!今天我分享的题目是:“Web 前端发展历程”。

前端对于不是对口专业的人来说,可能是陌生的,但是如果对于每天都在接触和使用的人来说,应该是驾轻就熟的。那么前端到底是什么呢?简单来说:浏览器呈现出来的页面、给用户看的、可操作的就是前端。如果再往大了说,你所看到的一切,包括网页、移动端页面、小程序、甚至某些 app,都是属于前端范畴。

前端的范畴很大,如果要具体说明,可能要很久,我们先来了解一下 Web 前端。在这之前,不得不说下 Internet 和计算机,因为他们的出现为前端的开始奠定了基础。

Internet 的最早起源于美国国防部高级研究计划署 DARPA(Defence Advanced Research Projects Agency)的前身 ARPAnet,该网于 1969 年投入使用。由此,ARPAnet 成为现代计算机网络诞生的标志。

正因如此,Web 前端的发展也经历了比较漫长的过程。

洪荒时代

这个时代是一个从无到有的时代,WWW 的诞生(1990)、浏览器的诞生(1992)、W3C 理事会成立(1994);

  1. 1990 年,WWW(万维网)诞生。全称:World Wide Web。
  2. 1992 年,NCSA 研发了第一个浏览器:Mosaic,可以窗口浏览网页。随后新一代浏览器:Netscape Navigator(网景浏览器),于 1994 年诞生。
  3. 1994 年,Tim Berners – Lee 创建了 W3C 理事会。蒂姆 · 伯纳斯 · 李被称为”万维网之父“。

这个时代也可以称为 web1.0 时代的开始,这个时代是一个群雄并起,逐鹿网络的时代,这个时期,开发人员没有细分,基本是后台人员开发接口,顺便把页面一起画,即使是有专门的前端开发,也只是用 HTML 写写页面模板、CSS 给页面排个好看点的版式。

小前端时代

1995 年 5 月,网景公司要求 Brendan Eich,未来的网页脚本语言必须”看上去与 Java 足够相似”,但是比 Java 简单,使得非专业的网页作者也能很快上手,为了应付公司安排的任务,他只用 10 天时间就把 Javascript 设计出来了(导致后来很长一段时间,Javascript 写出来的程序混乱不堪)。这样就渐渐形成了前端的雏形:HTML 为骨架,CSS 为外貌,JavaScript 为交互。

这个时期,浏览器已是五花八门,虽然已经有了 ECMA(JavaScript 规范文档)标准和 W3C(HTML、CSS 规范文档),但是标准在未实施之前,浏览器已在市场流行,这就导致我们在开发项目时要考虑兼容各种浏览器。现在的前端开发不再是只写静态页面的切图仔,而是能写简单的逻辑代码。1998 年 Ajax 的出现,前端也从纯内容的静态发展到动态页面、数据处理的新时期。还衍生出了 JQuery 这样优秀的框架。

大前端时代

市面上浏览器已 IE 压倒性胜利,随着浏览数据量的增大,网页交互的增多,JavaScript 的弊端和瓶颈也显露出来,所以圈内大佬们按耐不住洪荒之力。

  1. Chrome 于 2008 年 9 月 2 日发布 V8 引擎发布。
  2. 2009 年 AngularJS 诞生、同年 2 月,Node 诞生。
  3. 2011 年 ReactJS 诞生。
  4. 2014 年 VueJS 诞生

V8node 的出现,使前端开发人员可以用熟悉的语法糖编写后台系统,ReactAngularVue 等 MVVM 前端框架的出现,使前端实现了项目真正的应用化(SPA 单页面应用),现在也是前端开发框架三大巨头。

这个时期前端已可以控制自己的各种行为,可玩性更高。随着智能手机及 4G 的普及,使的前端从单一的 PC,开始向现手机、平板等平台覆盖。

最后,前端经过这几十年的发展,从简单的静态页面到现在的多端、多平台这个过程。已经说明这条路将会引导我们一直走下去。

正文完