前端编年史

前言



??笔者学习一门知识有一个习惯,就是会先去了解这门知识的一个大致历史框架,而后再学习具体的知识内容。这样做有以下两个目的:

1.可以增添兴趣,对于越枯燥的知识越是有效。

2.可以知道这门知识的来龙去脉,可以知道依托于这门知识,自己将会去向何方。毕竟古人也说过,以史为镜可以知兴替嘛。

??然而,查阅无数资料之后,笔者绝望地发现没有一篇完整地准确地描述前端历史的文章可以借鉴,因此萌生了自己动手写一篇一直持续维护的前端编年史以便查阅。

正文


日期 事件
1989 html正式诞生,由物理学家蒂姆·伯纳斯·李为了方便学术文档的分享而创造,这也是前端的起始时间。
1994.10.13 Mosaic Netscape 0.9正式发布,一代浏览器霸主开始展露它的锋芒。
1994.10 Web技术领域最具权威和影响力的国际中立性技术标准机构正式成立,创立者就是html的创造者大神蒂姆·伯纳斯·李。
1995.05 前端中最重要的成员JavaScript(原名LiveScript)诞生,创造者是网景的布兰登·艾奇。他仅仅用了10天的时间就完成了这项创举。
1995.12.24 html2.0标准由IETF正式发布。
1996.08 JScript1.0由微软正式发布,矛头直指网景的JavaScript,成就IE的同时也开启了自己声名狼藉之路。
1996 ActiveX由微软正式发布,虽然很蹩脚,但是基于这个技术,我们终于可以在IE上完成桌面端程序的任务了。
1996.12.17 W3C正式发布了CSS1标准,从此,前端有了自己的样式规范。
1997.02.14 W3C正式发布了html3.2标准,丰富了html的语义。
1997.05 ECMAScript1正式发布,在浏览器大战中被玩坏的程序员们终于等来了他们的第一版JS规范。
1997.12.18 W3C正式发布了html4.0标准,这也是我们使用时间最长的html版本。
1998.05 ECMAScript2正式发布。
1998 IE5.0引入了XMLHttpRequest技术,实现了异步调用服务器的功能。但是,谁也没有想到它会带来一场前端革命。
1999.05 W3C正式发布了CSS3标准中的首批模块(CSS3标准并不是一次性发布,而是分模块发布的)。
1999.12 ECMAScript3正式发布。
1999.12.24 W3C正式发布html4.01标准,该标准只是基于html4.0的部分调整。
2000 Douglas Crockford定义了JSON格式数据,至此前后端的数据交换可以不再使用冗余信息较多,而且还需要来回解析的XML,转而使用JS原生就支持的JSON格式数据了。
2004 Gmail和Google地图用ajax轰炸大家的视野,互联网迎来Web2.0时代。
2004.07 Ruby on Rails发布了第一个版本,5分钟构建一个博客网站的演示视频惊艳了全世界。
2006.01 John Resig发布了JQuery工具库的第一个版本,这个工具库一经出世就风靡全球,一直持续到现在,是前端史上最成功的JS库。
2006.04.05 W3C正式发布XMLHttpRequest标准,为之后的Ajax爆发提供技术基础。
2007.01.09 第一代iPhone发布,移动互联网的起点。
2008.08 iPhoneDevCamp上出现的PhoneGap向我们展示如何使用纯JS、Html、CSS开发APP。从此,我们在开发APP的解决方案上又多了一条道路。
2008.09.02 Google 强力的V8引擎诞生,ie王朝开始瓦解。
2009.01 CommonJS项目正式启动,由Kevin Dangoor主导。
2009.11.08 Dahl 向我们展示了可以用JS编写服务器代码的Nodejs。
2009.11.13 Jeremy Ashkenas提交了第一个CoffeeScript版本,开启了其他语言转换为JS的风潮。我们竟然还可以用比JS更简单的代码来书写JS(不过JS难道还不够简单吗?)
2009.12 ECMAScript5正式发布,这个版本也是我们使用时间最长,各个浏览器兼容最完全,现在大部分程序使用的版本了。
2009 Mi?ko Hevery创造了angularjs框架,它不仅基于MVC框架开发,而且实现了SPA,前端工程化的需求越来越强烈了。
2010.01.12 npm发布了第一个版本,自此,前端就拥有自己的包管理工具了。
2010.10.13 Jeremy Ashkenas发布了BackboneJS的第一版本。
2010.10.20 angularjs由google发布了第一个版本。
2010 RequireJS第一个版本发布,前端的模块化开发时代正式来临了。
2011.05 ECMAScript5.1正式发布。
2011.06.07 CSS2.1发布(从2004-02-25成为备选草案开始,经过多次修改才最终发布)。
2011.09 微软发布Windows 8操作系统,将JavaScript作为应用程序的开发语言之一,直接提供系统支持。
2011.12.08 Ember第一个版本正式发布。
2011 twitter开源了其前端GUI框架bootstrap,为多设备多分辨率适配做出了杰出贡献,解放了无数程序员。
2012.10.01 微软发布了TypeScript第一个版本,提供了更加规范地书写JS的解决方案。
2013.02.21 Mozilla基金会发布手机操作系统Firefox OS,该操作系统的整个用户界面都使用JavaScript,JS已经无处不在了。
2013.10 ECMA正式推出JSON的国际标准,这意味着JSON格式已经变得与XML格式一样重要和正式了。
2013.05 Facebook开源了其前端框架React,引入了新的JSX语法,使得UI层可以用组件开发。
2014.10.28 W3C正式发布Html5标准,废弃了无用标签,新增了许多新标签,语义化再次得到了极大地丰富。
2015.03 Facebook公司发布了React Native项目,将React框架移植到了手机端,可以用来开发手机App。
2015.05 ECMAScript6正式发布,后更名为ECMAScript2015;Node模块管理器npm超越CPAN,标志着JavaScript成为世界上软件模块最多的语言。
2016.05 ECMAScript2016正式发布。
2016.11.01 W3C正式发布Html5.1。
2017.05 ECMAScript2017正式发布。

历史性节点

??1989年,Html诞生,前端从此进入我们的视野中。1995.05,JS诞生,我们终于拥有可以直接在浏览器上运行的语言,但是,当时谁也没有想到这个不起眼的脚本语言会成为如今的互联网第一大语言。1996.12.17,CSS1.0标准发布,至此,前端三剑客正式集齐。2004年,Google公司的Gmail和Google地图惊艳了全世界,同时也给沉寂了几年的JS带来了重生,JS携着Ajax重新回到了浪潮之巅。2008.09.02,Google公司的V8引擎诞生。不仅极大地提升了浏览器性能,而且给前端带来了许多新的可能,例如:Nodejs。在所有的基础准备完毕之后,2009年开始迎来了前端的大爆炸。出现了AMD、CMD等前端模块化解决方案,Angular、Ember、React、Vue等各种框架,npm等包管理工具,grunt、gulp、weppack等自动化构建工具......总之各种框架、各种工具、各种解决方案使人眼花缭乱,每周都有新的技术出现一直持续到现在。

? 文中有遗漏或者错误位置欢迎大家指正,作者会以最快的速度修改更新,持续维护这个系列文档

欢迎关注我的微信公众号:

时间: 2024-07-29 17:37:45

前端编年史的相关文章

前端自动化之webstrom

在刚接触前端的时候,使用的就一直是webstrom,版本是webstrom 8. 前端自动画使用的时候,因为webstrom 8版本是没有集成gulp的.所以每次使用都默默跑到Hbuild中使用. 实际最近在webstrom 12中找到了简单的方法,就连cmd都省了. 上图: 在gulp的gulpfile.js文件上右击,点击Show Gulp Tasks 会弹出gulp的控制窗口: 然后右键服务,点击run即可.

Day12 前端html

前端基础之HTML 老师博客: http://www.cnblogs.com/yuanchenqi/articles/6835654.html http://www.cnblogs.com/yuanchenqi/articles/6856399.html html:静态的内容都是一个html标签,是有一组组标签构成的文件 css:对一个个标签做渲染定位 js:所有页面的动态效果做渲染定位 当写一个简单服务端的时候,一般这样写: 主要的是这:conn.send=("HTTP/1.1 201 OK

前端里移动端到底比pc端多哪些知识?

前端里移动端到底比pc端多哪些知识,为啥面试时好多公司都问h5水平如何? 我做过几年的web前端开发,就简单谈谈自己的感受吧. 首先来看看PC端和移动端在前端开发上的一些区别: (1)PC考虑的是浏览器兼容性,移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器用的都是webkit内核,所以做移动端开发,更多考虑的应该是手机分辨率的适配,和不同操作系统的略微差异化: (2)在部分事件的处理上,移动端自然是偏向于触屏的,所以触屏事件的一些规律要多摸索一下,

一张图掌握移动Web前端所有技术(大前端、工程化、预编译、自动化)

你要的移动web前端都在这里! 大前端方向:移动Web前端.Native客户端.Node.js. 大前端框架:React.Vue.js.Koa 跨终端技术:HTML 5.CSS 3.JavaScript 跨平台框架:React Native.Cordova 前端工程化:Grunt.Gulp.Webpack 前端预编译:Babel.Sass.Less 自动化测试:Jasmine.Mocha.Karma 一图在手,应有尽有! 更多信息参考:https://item.jd.com/12170351.h

C#开发微信门户及应用(47) - 整合Web API、微信后台管理及前端微信小程序的应用方案

在微信开发中,我一直强调需要建立一个比较统一的Web API接口体系,以便实现数据的集中化,这样我们在常规的Web业务系统,Winform业务系统.微信应用.微信小程序.APP等方面,都可以直接调用基于JSON数据格式的Web API接口,在我之前的几篇随笔中,对这方面都有一定的介绍,本篇继续这个主题,细致深入的阐述如何在接口和源码的基础上整合Web API.微信后台管理及前端微信小程序的应用方案. 1.基于Web API的微信开发框架 首先我们各个业务模块,都应该围绕着Web API进行展开,

前端页面适配的rem换算

为什么要使用rem 之前有些适配做法,是通过js动态计算viewport的缩放值(initial-scale). 例如以屏幕320像素为基准,设置1,那屏幕375像素就是375/320=1.18以此类推. 但直接这样强制页面缩放过于粗暴,会导致页面图片文字失真模糊. Px是相对固定单位,字号大小直接被定死,所以用户无法根据自己设置的浏览器字号而缩放,em和rem虽然都是相对单位,但em是相对于它的父元素的font-size,页面层级越深,em的换算就越复杂,而rem是直接相对于根元素,这就避开了

一个前端所需具备的PS能力

前端网页设计+静态实现案例 放一个2天半内给某公司完成的(设计 + 静态实现)的案例吧,静态阴影用CSS3实现的http://www.cnblogs.com/MuYunyun/p/5693615.html,我最开始设计的时候就想好要用什么实现,各个框的大小是多少(精确到1像素),以及颜色搭配等等. 还有很多素材我就不演示了,设计了好些网页模板,如果有大家想用PS进行网页制作,欢迎大家交流. 很多人做前端只是掌握了最基本的切图(甚至连切图都有不会的),就连小小改动都要麻烦设计师,这就大大浪费了时间

分享第二届中国前端开发者大会与会心得

第二届中国前端开发者大会(FDCon2017)是在上海举办的针对前端技术(HTML5,CSS,JS)的互联网开发者所举办的最盛大和权威的相关技术会议,由技术社区TopGeek主办.汇智Tek联合主办,致力于推动各类前端技术等在移动互联网领域的研发和应用. 随着新一代的前端技术的发展,给前端开发者带来巨大的创新应用实践机会,本大会以“高效前端开发实践和创新”为主题,内容涵盖电商.旅游.门户.搜索.分类广告.移动互联网等多种业态的技术经验分享,涉及各种WEB和APP前端开发技术和架构设计等方法论.

前端开发四

7.闭包问题 闭包:函数能被外部调用到,则该作用连上的所有变量都会被保存下来. 作用:①可以读取函数内部的变量:②相当于划出了一块私有作用域,避免数据污染:③让变量始终保存在内存中 使用全局变量被认为是不好的习惯,而且容易造成错误并且维护成本较高,所以js可以采用闭包的方式读取函数的内部变量.但是如果大量使用闭包就会造成过多的变量始终保存在内存中,会造成内存泄漏. 一个简单的闭包例子: function f1(){ var n=999; function f2(){ alert(n); } re