【技术创作101训练营】Web 前端发展历程
PPT:
演讲文稿：
前言
大家好！今天我分享的题目是：“Web 前端发展历程”。
前端对于不是对口专业的人来说，可能是陌生的，但是如果对于每天都在接触和使用的人来说，应该是驾轻就熟的。那么前端到底是什么呢？简单来说：浏览器呈现出来的页面、给用户看的、可操作的就是前端。如果再往大了说，你所看到的一切，包括网页、移动端页面、小程序、甚至某些 app，都是属于前端范畴。
前端的范畴很大，如果要具体说明，可能要很久，我们先来了解一下 Web 前端。在这之前，不得不说下 Internet 和计算机，因为他们的出现为前端的开始奠定了基础。
Internet 的最早起源于美国国防部高级研究计划署 DARPA（Defence Advanced Research Projects Agency）的前身 ARPAnet，该网于 1969 年投入使用。由此，ARPAnet 成为现代计算机网络诞生的标志。
正因如此，Web 前端的发展也经历了比较漫长的过程。
洪荒时代
这个时代是一个从无到有的时代，WWW 的诞生（1990）、浏览器的诞生（1992）、W3C 理事会成立（1994）；
- 1990 年，WWW（万维网）诞生。全称：World Wide Web。
- 1992 年，NCSA 研发了第一个浏览器：Mosaic，可以窗口浏览网页。随后新一代浏览器：Netscape Navigator（网景浏览器），于 1994 年诞生。
- 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 的弊端和瓶颈也显露出来，所以圈内大佬们按耐不住洪荒之力。
- Chrome 于 2008 年 9 月 2 日发布 V8 引擎发布。
- 2009 年 AngularJS 诞生、同年 2 月，Node 诞生。
- 2011 年 ReactJS 诞生。
- 2014 年 VueJS 诞生
V8 和 node 的出现，使前端开发人员可以用熟悉的语法糖编写后台系统，React、Angular、Vue 等 MVVM 前端框架的出现，使前端实现了项目真正的应用化（SPA 单页面应用），现在也是前端开发框架三大巨头。
这个时期前端已可以控制自己的各种行为，可玩性更高。随着智能手机及 4G 的普及，使的前端从单一的 PC，开始向现手机、平板等平台覆盖。
最后，前端经过这几十年的发展，从简单的静态页面到现在的多端、多平台这个过程。已经说明这条路将会引导我们一直走下去。
