前端零基础入门（一）：从历史理解web前端

web前端发展史

1994年网景公司发布第一版的Navigator,

同年W3C成立，奠定了web时代的到来

还是这一年，世界上最好的语言PHP诞生了

还是这一年，CSS诞生

这一段出现了几个名词，第一个是网景公司的Navigator 这是真正意义上的世界第一款web浏览器

第二个是W3C，W3C是万维网联盟的简称，也称为W3C理事会，全称：world wide web consortium , 是一个为网页制定相关标准的一个机构，比如说大家比较熟知的HTMl5标准等等

第三个是PHP，PHP俗称拍黄片，是世界上已知的最好的web后端语言

第四个是CSS，全程Cascading Style Sheets，前端三大语言（HTML、CSS、Javascript）之一

1995年Javascript诞生

1999年HTML4.0标准发布，以及Ajax出现，标志着web2.0时代的到来

2006年JQ的问世为前端的大规模出现奠定了基础

2008年谷歌V8引擎的出现让前端能做的事情更多了，这时候开始出现前端的概念，从此以后，前端进入高速发展期

09年angular出现并被谷歌收购，以及node诞生

11年react诞生

14年VUE诞生，同年HTML5标准发布，标志着前端大年的到来，从此web前端在国内一片火爆

再回过头来看看前端的三大语言之一 HTML，

最开始，万维网是作为学术交流而出现的，是欧洲核子研究组织的一帮科学家为了方便看文档、传论文而创造的，这就是为什么Web网页都基于Document。Document就是用标记语言+超链接写成的由文字和图片构成的HTML页面，这样的功能已经完全满足学术交流的需要，所以网页的早期形态和Document一样，完全基于HTML页面，并且所有内容都是静态的。

直到1993年欧洲核子研究组织宣布万维网对任何人免费开放，从此万维网走向世界，网站开始到处涌现。期刊，大学网站，公司网站… 随着网站数目的增加，大家需要更多的HTML新元素以满足各项功能，也是从这时候开始HTML逐渐不能满足大家的需求了，因为其功能单一，完全静态，不利于维护。迫于压力，开始出现如

<font>,<big>

之类的标记元素，突然之间原本只是用于描述结构的语言开始出现一些标签用于描述外在表现了。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。

1994年诞生的CSS还只是一个最初的建议，1995年W3C正式成立工作小组制定CSS标准，1996年12月，CSS第一份标准成功制定，从此HTML结合CSS成为大家所熟知的WEB开发语言，这一时期的网站，所有页面都是静态的，这意味着一个电商网站有一千种商品，哪怕页面布局一模一样，也必须写一千个单独的页面。

1995年网景推出了JavaScript，实现了客户端的计算任务（如表单验证）。

1996年微软推出了iframe标签，实现了异步的局部加载。

1999年W3C发布第四代HTML标准，同年微软推出用于异步数据传输的ActiveX，随即各大浏览器厂商模仿实现了XMLHttpRequest。这标识着Ajax的诞生，但是Ajax这个词是在六年后问世的，特别是在谷歌使用Ajax技术打造了Gmail和谷歌地图之后，Ajax获得了巨大的关注。Ajax是Web网页迈向Web应用的关键技术，它标识着Web2.0时代的到来。

到这里，前端三大语言逐渐成型

但是早期的网页开发是由后端主导的

前端能做的也就是操作一下DOM。2006年 John Resig发布了jQuery，jQuery主要用于操作DOM，其优雅的语法、符合直觉的事件驱动型的编程思维使其极易上手，因此很快风靡全球，大量基于jQuery的插件构成了一个庞大的生态系统，更加稳固了jQuery作为JS库一哥的地位。

起初制约Web开发从后到前的因素很简单，就是前端很多事干不了或干不好，当时的浏览器性能弱，标准化程度低。特别是占据大量市场份额的IE

一直到2008年谷歌V8引擎的出现在结束了这一局面，标准组织也非常配合的在2009年发布了第五代JavaScript，前端的装备得到了整体性的提高，前端界如同改革开放走进了一个令人目不暇接的新时代。