web简史

web1.0

94年，网景公司发布第一款浏览器，开创了信息展示出来的方法

94年，发布CSS，网页有了美化功能

94年，创立万维网联盟 ，指定web技术标准

94年，科学家们为方便看文档、传论文，创造万维网，所以web网页都是基于文档模型

95年，发布JavaScript，让浏览器有了智慧，突破了只能展示，可以让用户输入信息，并判断输入的数据是否正确，给出错误提示，对输入的数据加密处理

96年，微软推出iframe标签打破了浏览器同步渲染（按顺序依次加载渲染）模式，实现了异步渲染，极大提高了网页打开速度

96年，W3C推出第一个CSS和HTML版本

98年，发布CSS2，样式丰富

99年，发布HTML4，丰富标签，网页结构更加规范化，更容易被搜索引擎收录

浏览器插件，拓展了浏览器功能

web2.0上

01年，发布CSS3

1.拓展动画效果：3D立体等效果

2.强化与用户的交互：让用户与页面有更多的互动操作

3.简化动画实现流程

4.改变网页只有文字加图片的模式：动画类模式（用于登陆界面、下载界面），展示类模式（用于房地产，尤其是移动端，配合VR技术）游戏类模式（无需下载客户端，网页上即可玩）

之后彻底摆脱对flash的依赖

 

04年，谷歌邮箱横空出世，超越微软，雅虎邮箱，因为使用了ajax技术，在此之前大部分网页的操作都会重新刷新页面，谷歌减少了刷新，避免刷新带来的白闪屏，提高体验

 

05年，谷歌正式提出ajax，能够向服务器请求数据，而不会导致重新加载整个网页，智慧局部更新网页内容的技术，其核心是XMLHttpRequest对象；

有了该对象就能向服务器发送请求，并接收从服务器发送回来的信息，再通过DOM将数据插入到页面中；

该开发模式，远远超过前端开发发范围，后端负责的部分内容，转移到了前端，例如：数据的渲染，数据的操作，验证校对，性能优化，处理数据格式并发送回服务器等；

开发出来的网页已经不是纯粹的浏览，更像是套着浏览器外壳的软件，例如网页上查找资料，画思维导图等

 

06年，W3C正式将XMLHttpRequest纳入标准， 标志着web2.0的时代到来

从使用上，改变了web的发展方式，由网页升级为网页应用

从技术上，改变了开发模式，前后端开发分离势在必行

从职能上，前后端负责范围更明确，更专业化

前端能做的事情太多，浏览器各厂商没有统一标准，对各属性支持度都不一样，往往需要写上几种浏览器能识别的属性，来完成同一个功能，开发带来极大不便

 

06年，万事佬Jquery出现，一是封装繁琐的原生写法，二是对各主流浏览器做了兼容，只需简单调用，即可实现功能

web2.0中

08年

1）硬件方面，3g网络部署 ，提高宽带；智能手机的出现，为移动互联网提供了载体；硬件设备发展为移动互联网提供硬件物质保障

2）软体方面，W3C发布HTML5，让移动设备更好支持视频、音乐、游戏、图表、动画等

3）浏览器方面，发布谷歌浏览器，发布V8引擎，爆炸式提高网页渲染速度；同时期还出现火狐浏览器、safari浏览器等，他们对移动设备都很好支持，彻底打破IE浏览器一家独大的局面

 

09年，ECMA组织发布ECMAScript5.0，简称es5,即第五代JavaScript版本，速度更快，新增更多功能，更完善自身语法的缺陷

现在前端3大框架之一的vue，实现mvvm框架双向绑定的功能，就是用到10年前发布的es5

es5过于强大，已经突破前端的限制，连后端都能开发，基于JavaScript的node.js成为与php、python等服务端语言平起平坐的脚本语言

受node.js模块化影响，原生Javascript开始有模块化开发的倾向

 

10年，乔布斯发布Iphone4， 这款手机改变了手机行业的发展，且终结了诺基亚老大哥的地位，更确立了HTML5在手机上的霸主地位

乔布斯公开反对flash，苹果全系列不支持flash，只支持HTML5；从此flash开始没落，HTML5不仅确立了在移动设备上的霸主地位，在PC端也开始蚕食flash的市场

 

前端开发越来越复杂，单纯靠JQuery开发显得力不从心，急需一个各方面都替我们配置好，并且利于团队协作开发的大而全的框架，所以Backbone.js诞生

Backbone.js不仅引入了单页面应用开发模式，还将MVC开发理念带入前端，他可以很轻松将页面中的数据、逻辑、视图解耦，按照Backbone进行代码结构组织，然后模块化开发，这对于大型和复杂项目的维护开发非常有帮助，也给后续框架提供了借鉴和参考

 

11年，智能手机迅速普及，各厂商制定的手机屏幕尺寸都不一致，前端页面适配成了最头疼的一件事Twitter两个设计师开发了一套不仅适配复杂繁多的手机尺寸，同时适配电脑端和平板端的前端UI框架Bootstrap

该框架，不是简单的页面放大缩小，而是会根据你所使用的设备屏幕大小，来展示相对应的网页样式

该框架不仅为前端设计、开发带来了‘响应式’的开发新体验，而且往后的UI框架，几乎都是以该框架为原型进行二次封装或以原理进行开发

 

2008,IE霸主地位被打破，谷激、火狐等刻览器百花争艳，谷歌v8引整提高浏览器渣染速度；html5草案发布；安卓、苹果智能机开始出现；全球3g网络普及

2009,es5正式发布；node.js诞生，前端涉足后端领域；JS模块化概念兴起

2010,flash被封杀，html5逐步取代fash，占领手机端的霸主地位；backbone这类集成框架大量出现；spa（单页面应用）开发模式出现；前后端分离已成主流

2011,应式设计成为主流

 

web2.0下

12年，前端开发越来越复杂，项目体积越来越庞大，图片压缩、代码美化和代码排查等优化项目的手段，都是靠人工来完成，很不方便，于是Grunt和Gulp自动化构建工具诞生了；

诞生意义，一前端开发走上工程化道路，只需一份自定义配置文件，即可解放双手，全自动操作，二是项目开始分为开发环境和线上环境，每个环境都会有特定的使用场合，再往后，根据项目演变出更多环境

随着使用移动端浏览网页、玩游戏和购物等频率逐渐超过电脑端，传统互联网慢慢转向移动互联网，由于网页端的流畅度、性能等方面不能满足用户体验的需要，并且当时开发一个原生APP成本十分大，鉴于此，Hybrid App应运而生

Hybrid App中文名：混合模式移动应用，它可同时使用网页语言与原生语言开发，即兼具原生APP优势，可大部分调用系统级的功能，性能在原生APP和网页之间，同时也具备了HTML5跨平台低成本的优势，一次编译多端运行

时至19年，web主体型的混合式开发还是很多创业公司的首选

 

13年，微软发布首个TypeScript的公开版本，TypeScript是Javascript的一个超集，但又完全基于JavaScript；

扩展了Javascript的语法，弥补了es5的缺陷，例如：定义强类型，就可减少莫名其妙的错误；添加类的概念，也正是Javascript是唯一一个没有类的主流编程语言，被Java、php、c++等众多工程师嘲笑；

添加了许多语法糖，例如接口、枚举和方法重载等，直接简化了Javascript的编写成本；

TypeScript可以说是 对Javascript的一次升级，其中最大贡献是对即将到来的es6标准做支持

同时，TypeScript更适合大型项目的开发，可无缝搭配框架使用

 

13年，Facebook推出React ，React与当时流行的JQuery，Backbone,js和Angular 1等框架不同，React不强调功能齐全，只有框架的骨架，其他的功能如路由、状态管理等都是分离的组件

React的诞生丰富了JavaScript的世界，其中最大变化是React推广了Virtual DOM（虚拟DOM），Virtual DOM并不直接对真实DOM进行操作，使得性能大幅提升；

Virtual DOM还解决了跨浏览器兼容性问题，因为他是按标准化的API而还原成真实DOM；Virtual DOM还创造了JSX语法，所以JSX可以在Javascript中书写HTML，这就使得一切都是组件，一个页面是由许多的组件拼接而成，代码、业务更加模块化、重用性、可维护性更高

在数据方面，Virtual DOM是单项数据流，保证了数据在众多组件传递中保持完整性和稳定性

不再需要操作DOM的开发模式，使得人们越来越倾向于这种数据操控模式，JQuery开始走下坡路，很多当时很多的Backbone,js类的js框架，也开始凉凉

 

2014年，W3C发布html5

添加了新的语法特征，包括video、audio、canvas元素,这些元素是为了更容易在网页中添加和处理多媒体和图片内容

新元素，如section、article、header和nav为了规范和丰富文档的数据内容

 

2014年，中国编程大神尤雨溪发布VUE.js框架

VUE.js是一个构建数据驱动的web界面的渐进式框架，是一个Javascript MVVM库

VUE.js的目标是通过尽可能简单的API，实现响应数据绑定和组合的视图组件

与react、angle成为前端3大框架

 

2014年，前端项目开发越来越倾向于组件化，各模块之间的联系越来越复杂，gulp这类自动化构建工具已经无能为力，Webpack诞生了

Webpack是一个模块构建工具，更侧重模块打包，目的是帮助程序构建模块及其依赖静态资源，可以把开发中的所有资源（图片js文件css文件等）都看成模块，通过loader加载器和plugins插件对资源进行处理，打包成符合生产环境部署的前端资源

与gulp相比，webpack更强调模块化开发，而文件压缩合并、预处理等功能不过是他附带的功能；gulp旨在规范前端开发流程，现在前端3大框架都使用webpack作为默认打包工具

2015年，W3C发布第六代JS版本，简称es6，使得JS具备开发大型企业应用的能力

支持原生模块化开发，消灭了混乱多年的第三方模块化标准

在移动端，Facebook发布React Native,阿里版本发布weex，这类技术比混合式开发应用开发的APP更为流畅，因为编译出来的包是实实在在的原生代码，比使用浏览器内核渲染的混合式开发应用要好

谷歌浏览器正式加入PWA技术，PWA中文名：渐进式网页应用，是W3C在2014年提出的

PWA技术，可理解为将网页书签添加到手机屏幕，与现在的微信小程序很相似，都有‘母体’；

PWA技术开发出来的应用，与APP类似都具有添加到主屏、离线缓存和消息推送等功能

苹果不支持，违背苹果所有应用需审核并从app store下载的宗旨，中国的安卓系统未必完全支持，诸多原因使得PWA在中国成为一个弃儿

 

2016年，angular、react和vue三分前端天下，前端框架趋向成熟并且稳定下来，新出现的库或者UI框架几乎都是围绕这三个框架进行设计，专业性强

 

Facebook和Google等诸多公司合作开发出Yarn，Yarn可以看作是对NPM确实的一些关键特性的补充，能够更快速安装软件包和管理依赖关系，并且可以在跨机器或者无网络的安全环境中保持代码的一致性，Yarn一经推出，迅速超过NPM

 

2017年，微信小程序横空出世！移动互联网时代的超级入口，构建了全新的生态体系和重构了APP生态圈

微信小程序基于微信，不需要像APP一样安装；

小程序使用前端语言，官方提供大量的API，通过微信，调用系统级的功能

微信小程序的诞生，丰富了移动端开发，类似这种基于超级流量入口进行开发，还有支付宝小程序、今日头条小程序和百度小程序等

 

2012，Gut和Gup自动化构建工具诞生，前端开发走上工程化道路；rdAp成为新的开发移动端模式，结合了原生和网页的优势。

2013，微教发布了TypeScript，丰富了成语言；Facelbook发布了Read，逐步奠定的端霸主地位

2014，W3C发布HTML5标准版；尤而顽发布了VUE架，国内使用来最高，wbeask省代gulp，成为前端三大框架里入打包工具

2015，W3C发布第六代版本，具备开发大型企业应用的能力；Facebok发布React Natve，网里巴巴发布wex来代替Hybrid App开发移动端模式；PWA 薪露头角

2016，angular、react和vue三分前端天下；Yarn的诞生，超过老储的包管理器g级2017，微信小程序、支付宝小程序、今日头条小程序和百度小程序等，丰富了移动端开发