前端编年史

老司机带你撸代码 老司机带你撸代码     2022-10-01     762

关键词:

前言


??笔者学习一门知识有一个习惯,就是会先去了解这门知识的一个大致历史框架,而后再学习具体的知识内容。这样做有以下两个目的:
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等自动化构建工具......总之各种框架、各种工具、各种解决方案使人眼花缭乱,每周都有新的技术出现一直持续到现在。

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

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

技术分享




龙枪编年史

1 一个领主的身份,发展基地,收集资源,建造建筑,招募俘虏英雄,生存发展侵略的游戏。2 题材:龙与地下城,神与英雄,种族与部落、城市,传说与神器,职业与血统。3美术:元件地图与矢量角色图。 英雄设计... 查看详情

编程语言发展的编年史

目前一共统计出来这么多编程语言,当然,这么多的语言中只有一些是常用的或实用的。1951–RegionalAssemblyLanguage1952–Autocode1954–IPL(LISP语言的祖先)1955–FLOW-MATIC(COBOL语言的祖先)1957–FORTRAN(第一个编译型语言)1957–COMTRAN(COBOL语言... 查看详情

javascript异步编年史,从“纯回调”到promise

异步和分块——程序的分块执行 一开始学习javascript的时候,我对异步的概念一脸懵逼,因为当时百度了很多文章,但很多各种文章不负责任的把笼统的描述混杂在一起,让我对这个JS中的重要概念难以理解,“异步... 查看详情

全局光照:光线追踪路径追踪与gi技术进化编年史

...照的基本概念全局光照的算法主要流派全局光照技术进化编年史光线追 查看详情

javaweb编年史(青铜时代)

上一节呢,我们简单阐述了远古时期的JavaWeb开发方案,简单来说就是一个Servlet打天下,不管你送什么请求过来,我都要给你返回一整个页面。整个页面都用java拼接出来,可想而知代码是有多么复杂,多么难以维护。要我说,这... 查看详情

豹哥嵌入式讲堂:arm知识概要杂辑-内核架构编年史

  众所周知,ARM公司是一家微处理器行业的知名企业,ARM公司本身并不靠自有的设计来制造或出售CPU,而是将处理器架构授权给有兴趣的厂家。这些厂家基本涵盖了全球领先的知名半导体企业、软件和OEM厂商:TI,NXP,ST,Infineon,AD... 查看详情

编程语言的“别样”编年史,原来都是“闲”惹的祸

代码是一门语言,这门语言搭建了人与计算机沟通的桥梁。通过编写代码,人类可以“命令”计算机开发网页、开发软件、搭建游戏......这门语言并不是上帝的发明,它是前辈们发挥聪明才智创造出来的,前辈们的创造过程虽然... 查看详情

读杨森翔《韵语编年》摭言

读杨森翔《韵语编年》摭言荆 竹    作家杨森翔,供职于吴忠市人大常委会及吴忠日报之署。倾囊其诗词约四百余首,裒之为《韵语编年》。某年初春,余因公途经吴忠,承蒙诗人贶赠一册,闲来翻检,偶有所感... 查看详情

杨森翔“我”的编年

 “我”的编年  这本书的大部分篇什都是无意中捡来的:今年(2002年)8月我搬新家,几十年未见天日的纸箱、信封被打开了。一看,竟有那么多的好书、剪报和笔记本。在我一本一本将它们摆上新居的书架的... 查看详情

如何从 HTML 中提取链接?

...时间】:2019-07-1020:24:19【问题描述】:我正在尝试获取SF编年史中此类别中每篇文章的链接,但我不确定应该从哪里开始提取URL。这是我到目前为止的进展:fromurllib.requestimporturlopenasuReqfrombs4importBeautifulSoupassoupmy_url=\'htt 查看详情

《软件需求模式》04

...领域的需求模式包含:数据实体(活实体、交易、配置、编年史)和信息储存。其中,活实体需求模式是用来定义一种实体,它的信息需求保存,并且有预期寿命(也就是说,可以 查看详情

《软件需求模式》读书笔记04

...领域的需求模式包含:数据实体(活实体、交易、配置、编年史)和信息储存。其中,活实体需求模式是用来定 查看详情

软件需求模式阅读笔记四

...命六种需求模式。  模式名称->活实体交易配置编年史信息储存基础构架相关模式(与之有联系的模式)数据类型,数据结构,配置数据结构,数据类型数据类型、数据结构、活实体交易 预期频率(预期使用频率)... 查看详情

完整声学极简史

...篇文章有很大关联。所以将其添油加醋放到这里,用编年史的形式呈现。显然这里涵盖的仅为声学史的一隅,所以在厚颜无耻的“完整”二字后面,加上“极简”以示谦卑。1861德国科学家JohannPhilippReis发明麦克风。于... 查看详情

梦断代码阅读笔记之三

...关于软件开发的方法论。同时作者为我们介绍了软件缺陷编年史上数量不多但是足以警示世人的惊人灾难。        1962年6月,水手一号探测飞船在发射5分钟后偏离轨道,为避免坠入居民区,飞行控制... 查看详情

悦读致敬《创新者》们

...样去改变世界;翻开之后才发现原来这是一部信息技术的编年史,介绍了近两个世纪以来计算机和互联网的发展历程,以及那些背后推动着的创新者们;看完之后,其实书中借由展示这段科技史,探究“创新”究竟是什么,从这... 查看详情

面向对象的三大特征和五大基本原则

...过程的区别前者是纪传体,如史记按人物线索写,后者是编年史,按年代 查看详情

问:如何以横向格式打印 EXCEL / VBA 用户表单? [关闭]

...0:02【问题描述】:我已经创建了一个使用VBA的Excel文件的编年史,并使用Userforms来显示内容。通过用户表单中的按钮,我可以使用Me.PrintForm打印活动用户表单。结果是纵向格式的页面, 查看详情