一文带你了解Web前端发展历程

摘要： 自互联网行业倒退以来，web 前端一直倒退变动着。在前人的根底上，前人有幸可能站在前人的肩膀上行走。前端的倒退变动不仅是继承式的迭代，同时也是一直的改革和发明。

一、前端到底是个什么？

简略点说，浏览器出现进去的页面，给用户看的、操作的就是前端（客户端）；你看不到的，相似一些游戏数据、利用数据之类的就是后端（服务端）。

那么再简略点就能够说，前端指的就是浏览器端，后端指的就是为浏览器提供服务和数据的服务器端。

这是比拟精确的形容，如果往大了讲，你所有看到的所有，网页、挪动端网页、小程序、甚至某些 APP，都是属于前端的领域。

二、前端的起源

世界上第一台计算机

背景：二战时期，美国军方为了计算炮弹弹道，让一些科学家造出了这世界上的第一台计算机“ENIAC”。

1946 年 2 月 14 日，世界上第一台计算机“ENIAC”（埃尼阿克）在美国宾夕法尼亚大学诞生。这是一群科研人员共同努力的成绩，然而起到最关键作用的是其数学家冯 · 诺依曼的设计思维，所以其被称为“古代计算机之父”。

意义：标记着电脑时代的开始。

想不到吧！！This Big Boy 就是咱们当初电脑的先人！！↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓

（图源来自：百度图片）

互联网的前身

背景：二战时期，美国军方为了避免局部网络被捣毁后失去通信。

1969 年，美国国防部的高级钻研计划局（ARPA）建设了军用网叫“阿帕网”（ARPnet）。阿帕网就是互联网的前身。

1983 年，APRA 和美国国防部通信局研制了用于异构网络（本文不做解说）的 TCP/IP 协定，后该协定在社会上流行起来，因而诞生了真正的 Internet。

Internet 和计算机的诞生，为前端技术的开始奠定了根底。

前端倒退将近 20 年，也算是一个比拟漫长的倒退过程，大抵能够分为以下几个阶段：

三、洪荒时代（1990~1995 年）

这个时代最重大的几件事有：WWW 的诞生（1990）、浏览器的诞生（1992）、W3C 理事会成立（1994）、JavaScript 的诞生（1995）；

1. 1990 年，WWW（万维网）诞生。全称：World Wide Web。
2. 1992 年，NCSA 研发了第一个浏览器：Mosaic，能够窗口浏览网页。随后新一代浏览器：Netscape Navigator（网景浏览器），于 1994 年诞生；隶属于 Netscape（网景）公司，下文统称为网景公司。
3. 1994 年，Tim Berners – Lee 创立了 W3C 理事会。蒂姆 · 伯纳斯 · 李被称为”万维网之父“，南安普顿大学、麻省理工大学教授。W3C 理事会次要负责 HTML 的倒退门路，其主旨是通过促成通用协定的倒退；成员机构：美国麻省理工大学、欧洲数学与信息学钻研联盟、日本庆应大学、中国北京航空航天大学。
4. 1995 年，待这所有就绪后，JavaScript 应运而生！发明者是 Brendan Eich(布兰登 · 艾奇)。
5. JavaScript 次要语言特色：借鉴了 C 语言的根本语法；借鉴了 Java 语言的数据类型和内存治理；借鉴了 Scheme 语言；借鉴了 Self 语言，应用基于原型的继承机制；

（1994 年，Netscape Navigator 网景浏览器截图，图源来自百度图片）

四、铁器时代（1995~2005 年）

这个期间的浏览器形形色色，相互竞争强烈。IE 浏览器、网景浏览器、火狐浏览器、谷歌浏览器是这个期间的配角！

尽管过后曾经有了比拟对立的 ECMA（JavaScript 标准文档）规范和 W3C（HTML、CSS 标准文档），然而浏览器先于规范在市场上风行，成为了事实标准。所以这就导致了咱们当初在开发我的项目的时候还要去解决一些浏览器兼容性问题（大家最遇到的 IE 兼容问题）。

随着 1998 年，AJax 的呈现，前端开发从 Web1.0 降级到了 Web2.0，从纯内容的动态页面，倒退到了动静网页，富交互、前端数据处理的新期间。在这一时期，比拟出名的两个富交互动静的浏览器产品是：Gmail（2004 年）、Google 地图（2005 年）。

因为动静交互、数据交互的需要增多，还衍生出了 JQuery（2006 年）这种跨浏览器的 JS 工具库，次要用于 DOM 操作，数据交互。

2005~2009 年的前端倒退历程就波及到小作者的常识盲区啦~~ 还请无意的大佬们补充，给小白们科普科普嘻嘻！

五、JQuery 时代（2009~2016 年）

2006 年，jQuery 公布，它过后的竞争对手很多，也很强烈根本持平。直到 2009 年，Sizzle 选择器引擎研发胜利，jQuery 才获得了压倒性的劣势。

这个期间，前端面对的次要是浏览器的兼容性问题，而 jQuery 在解决 DOM 兼容性问题上有这大量的解决方案。

jQuery 的风行间接带来以下的倒退：

1. 促使人们对 CSS1~CSS3 选择器的学习
2. 促成了浏览器原生选择器引擎 document.querySelectorAll、Element.matches 的诞生
3. 进步人们对 domReady 的意识
4. 促成了 Promise 与 requestAnimateFrame 的诞生
5. 升高前端门槛，前端工程师的队伍越来越壮大。

这个期间涌现了大量 jQuery-like 的库，其中最驰名的是 Zepto.js。Zepto 的呈现也标记着咱们进入挪动互联网时代。

JQuery 时代以 RequireJS 的诞生为终点，以 RN 的呈现完结。JQuery 的呈现让前端开发更加轻松，如果工程师想实现一个性能，现搜寻出一个 jQuery 插件来实现。

下一篇将为大家持续带来三大框架时代的发展史，还有前端现状以及将来的发展趋势哈~ 敬请期待啦！

点击关注，第一工夫理解华为云陈腐技术~