大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列

1989 年 3 月 12 日,在瑞士的欧洲核子研究中心工作的蒂姆·伯纳斯-李向他的老板递交了一篇题目为“Information Management: A Proposal”的建议书。后来人们把这一天当作万维网 (WWW, World Wide Web) 诞生的日子。一晃三十年过去,web 早已成为这个世界重要的组成部分。

但是 Web 真正开始走向巅峰,其实是从 2008 年开始的,在随后的十几年,它先是被宣布了死亡,随后又开始了大繁荣时期,经历了多个非常重要而精彩的时刻。

就在刚刚,在 Chrome 100 版本发布的日子,Google 发布了 Web 100 个令人激动的瞬间 (https://developer.chrome.com/blog/new-in-chrome-100/),同时也在推特上发起了 #100CoolWebMoments 活动,我们一起来感受一下这些激动人心的瞬间吧!

2008

谷歌浏览器诞生

开启新的 Web 时代!

Github 1 岁了

最流行的 Web 存储库服务的诞生。

Web版 Office 套件诞生

大大提升了 Windows 用户的 Web 的生产力。

WebPageTest 开源

跨浏览器自动化测试的时代开启!

WebKit 完全通过 ACID3

Acid3 由网页标准计划小组(Web Standards Project, WSP)设计,是一份网页浏览器及设计软件之标准相容性的测试网页,Acid3是Web标准基准测试中最严格的一个,对 DOM 和 JavaScript 有着严格的约束

WebKit 是第一个完全通过 Acid3 的浏览器引擎!

2009

Node.js 开始由 V8 提供支持

2009 年,内嵌 V8Node.js 发布了第一个版本。在最初的 Chrome 漫画中明确提到了将 V8 嵌入到非浏览器项目中的可能性,而 Node.js 做到了!Node.js 成为最受欢迎的 JavaScript 生态系统之一。

第1版 Chrome 开发者工具诞生

基于 WebkitInspector 建立,通过 Chromium 开源!

Web 浏览器在线调试时代开始!

ChromeOS 发布

专门为 Web 用户量身打造的操作系统,基于 Linux 开发、并且有开源版本。

Flexbox 第一个草案被提出

开启网络布局新时代!

Firefox 5岁了

新时代的浏览器正在快速崛起,挑战 IE!

Google Chrome Frame 发布

Google Chrome FrameIE 仅剩下了皮囊,用户可以通过 Internet Explorer 的用户界面,以 Chrome 内核的渲染方式浏览网页。

Opera 放弃 Presto

Opera 也开始启用 WebKit 内核。

2010

Wired:Web 已死

Wired 是美国一份非常有名的权威杂志,万维网诞生二十年后,Wired 公开谈论 Web 正在衰落。

然后在 2014 年:Wired 又宣布 Web 没有死,打脸了 ...

Sundar Pichai 在 Google I/O 的演讲

Sundar PichaiGoogleCEO,在这一届的 Google I/O ,中,他发表了一次非常振奋人心的演讲,开始大肆宣扬开放式 Web 的思想。

响应式网页设计

Ethan Marcotte 第一次提出了响应式网页设计的概念,并发表了一篇长篇论文来阐述他的观点。

Google 字体推出

面向所有 Web 用户免费开放使用。

WebGL 进入 Beta 阶段

一个改变 Web 3D 图形面貌的跨时代 API!

Pacman Doodle 诞生

Google 基于 Pacman Doodle 开发了一款 Web 版的吃豆人游戏,从此引入了交互式 HTML 时代。

HTML5Rocks 发布

Html5 RocksGoogle 推出的 HTML5 学习推广的站点,开发者可以快速在上面了解 HTML5 的所有内容。

2011

ro.me

基于 WebGl 的半互动电影,在十年前非常惊艳!

HTML 规范从版本控制转变为动态文档

HTML5 成了 HTML 最后一个版本号!

Web Audio API 诞生

解锁 Web 音频程序的设计!

WebRTC 诞生

开启网页即时通信时代!

2012

Web 实验室&博物馆

Google 与伦敦科学博物馆合作发起了 Web Lab 项目。这是一个有五个展览的博物馆展览,你可以在线访问它们的网站,它允许网站访问者与真实展览进行实时交互。

媒体查询进入W3C推荐标准

为不同的设备创造更好的使用体验。

Web 图片响应式

响应式设计领域的又一壮举。

Chrome 发布 Android 版本

Chrome 的桌面功能引入手机和平板电脑。

Service Workers 启动

Web 带来了强大的离线缓存能力!

2013

CSS Zen Garden 10 岁了

CSS禅园成立于2003年5月,是一个非常伟大的网页设计网站!

Finding Ada

findingada 是一个致力于鼓励女性进入 STEM (科学、技术、工程和数学)领域的组织。

2013年的3月8日,国际妇女节,findingada 公布了 10 位在 Web 届最有影响力的女性。

Chrome Frame 弃用

出道没多久就凉了 ...

Web 标准项目 (WaSP) 结束

Web 标准项目 (WaSP) 于 1998 年成立时,Web 是两家浏览器制造商 — Netscape 和微软之间不断升级的战争,WaSP 的主要目标是让浏览器制造商支持万维网联盟 (W3C) 制定的标准,如今它完成了自己的使命。

JavaScript 开始支持 Promise API

改变了 JavaScript 异步代码的编写方式。

Blink 引擎发布

Blink, 基于 WebKit 的全新开源渲染引擎。

Android WebView

Android 4.4 开始,正式支持基于 ChromiumWebView

2014

Chrome 小恐龙

一个复活节彩蛋,让你在没网的时候也能玩会小游戏 ...

Let's Encrypt

2014 年,Chrome 开始统计启用了 HTTPS 协议的网站,

jQuery - 标准驱动未来

jQuery 对 Web 的贡献绝对不止于一个库那么简答, 它为 Web 贡献了多项标准,比如 querySelectorAll 选择器、另外 XMLHttpRequest 标准也参考了 jQuery$.ajax 设计。

HTML5 原生拖拽

大大提升了 Web 交互式应用的设计能力。

Material Design 诞生

现代化质感设计的新时代。

2015

PWA 诞生

PWAProgressive Web Apps,渐进式 Web 应用)运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。这些应用无处不在、功能丰富,使其具有与原生应用相同的用户体验优势。Alex Russell 首次提出了这个概念。

IE 终结 & Edge 诞生

微软的新版浏览器代号为 “Project Spartan”。2015年4月30日,微软在旧金山举行的 Build 2015 开发者大会上宣布,其最新操作系统 — Windows10 内置代号为 “Project Spartan” 的新浏览器被正式命名为 “Microsoft Edge”。

Web 消息推送

Web 首次具备推送通知的能力。

WebAssembly 诞生

Mozilla、Chromium、Edge、WebKit 的工程师共同开始定制 WebAssembly 标准。

MDN 10 岁了

在 2005 年初,一个由理想主义者组成的小团队开始为所有 Web 开发人者创建一个新的、免费的、社区构建的在线资源。十年后,MDN 已成为全球最大的 Web 资源学习网站。

IndexedDB 进入 W3C 标准

通俗地说,IndexedDB 就是浏览器提供的本地数据库,它可以被网页脚本创建和操作。IndexedDB 允许储存大量数据,提供查找接口,还能建立索引。这些都是 LocalStorage 所不具备的。

2016

快速涂鸦

一个基于机器学习的 Web App,也是跨时代的 Web 应用。

https://quickdraw.withgoogle.com/

Chrome 开发者大会上的萨克斯手

两位有才的程序员给我们带来了一场不一样的 Chrome 开发者大会。

H5 流媒体能力

HTML5 中,无需依赖 FlashSilverlight 插件就可以播放视频!

WebKit Web Inspector 10 岁了

还记得那个只能通过 alert() 进行调试的时代吗?

2017

MDN Web 文档启动

MozillaMicrosoftGoogleW3C、三星联合起来在 MDN 上创建跨浏览器的 Web 文档。

Glitch.com 启动

为开发者提供了一种在浏览器中进行编辑的简便方法。

网页设计博物馆

保留网页设计的历史。https://www.webdesignmuseum.org/

Photopea

由一个人开发的 Web 图像编辑器!https://www.photopea.com/

CSS Grid 布局诞生

又一个跨时代的布局方式,所有主流浏览器都进行了支持。

Web Components 诞生

浏览器的原生组件:简单直接,符合直觉,不用加载任何外部模块,代码量小。

2018

Meltdown 和 Spectre 漏洞被发现

我之前专门写过一篇文章介绍它们:通过几行 JS 就可以读取电脑上的所有数据?

web.dev 诞生

一个非常棒的 Web 社区:https://web.dev/

Squoosh 诞生

一个 Web 图像压缩程序,现在已经非常流行!https://squoosh.app/

webOS OSE 开源

webOS 是一款基于 Chromium 的多任务操作系统,LG 将其开源。

Fugu 计划开始

Fugu 计划的目标:Web 应用应该实现原生应用的所有功能。

浏览器的工作原理

一个非常有名的解读浏览器原理的文章,现在很多介绍浏览器工作原理的文章都会参考它:https://developer.chrome.com/blog/inside-browser-part1/

2019

W3C 开始和 WHATWG 合作

WHATWG 是由四个主要的浏览器厂商(包括苹果、谷歌、微软、Mozilla)组成的行业组织,它和 W3C(万维网联盟) 一直在争夺 Web 的标准定制权。终于在这一年达成了共识。

桌面端应用支持 PWA

Chrome 73 添加了对 macOS 的支持,为所有桌面平台(Mac、Windows、Chrome OSLinux)以及移动平台带来了对渐进式 Web 应用程序的支持,从而简化了 Web 应用程序的开发。

互联网博物馆

记录 Web 的历史。

Firefox 启动 4 周发布周期

Firefox 加快了它们的发布周期,为开发者带来了更多的敏捷性和功能。

Web 30 岁了

1989 - 2019Web 已走过了 30 个年头。

Web 支持原生懒加载

只需一个属性 <img loading=lazy> ,即可拥有浏览器原生的懒加载能力。

2020

Flash 终结

“就像许多美好的事物一样,它的时代已经过去了。”

Open Web Docs

一项维护 Web 文档的生态系统范围的倡议。

CSS 支持逻辑属性

样式编写拥有了更多的灵活性。

SpaceX ISS 对接模拟器

一个基于 Web 的模拟器,你可以手动与国际空间站对接。https://iss-sim.spacex.com/

Edge 采用 Chromium

宣布放弃 EdgeHTML

不那么烦人的通知

ChromeFirefox 一起改进了 Web 通知的用户体验。

2021

Chrome 默认使用 HTTPS

如果访问网页的时候不输入协议,浏览器开始默认启用 HTTPS

NASA 火星着陆模拟器

一个基于 WebGL 的模拟器。https://eyes.nasa.gov/apps/mars2020/#/home

RenderingNG

RenderingNG 目标成为所有 Web 渲染引擎新的最低标准和开发者信任的新基线。

vscode.dev 启动

在浏览器打开 vscode 成为可能,掀起了一股 WEB IDE 的热潮!

DojaCode

世界上第一个可编码的音乐视频。https://dojacode.com/

Compat 2021

消除 Web 上的五个主要兼容性痛点:https://web.dev/compat2021/

2022

Canvas2D

Chrome 99 中推出了最新的 Canvas APIhttps://developer.chrome.com/blog/canvas2d/

Cascade Layers (CSS @layer)

CSS Cascade Layers ,也叫做 CSS级联层 ,是 Cascading and Inheritance Level5 规范中新增了一个新的 CSS 特性,对应的 CSS 属性写法 @layer ,即一个新的 @ 规则。

Interop 2022

各大浏览器厂商联合起来一起改进 Web 兼容性问题。

Oculus 中的 PWA

MetaWeb 的力量带到了 VR 中。

Chrome 100

Chrome 版本来到三位数!

怎么样,看完有没有感觉很激动呢,在评论区留下你认为 Web 让你最激动的瞬间吧!

················· 若川简介 ·················

你好,我是若川,毕业于江西高校。现在是一名前端开发“工程师”。写有《学习源码整体架构系列》20余篇,在知乎、掘金收获超百万阅读。
从2014年起,每年都会写一篇年度总结,已经坚持写了8年,点击查看年度总结。
同时,最近组织了源码共读活动,帮助3000+前端人学会看源码。公众号愿景:帮助5年内前端人走向前列。

扫码加我微信 ruochuan02、拉你进源码共读

今日话题

略。分享、收藏、点赞、在看我的文章就是对我最大的支持~

Web:你知道我这十几年是怎么过来的吗?!相关推荐

  1. web工作流管理系统开发之十六 主子流程参数传递的实现

    在设计流程的时候,如果涉及到子流程,就会有主子流程间传递参数的过程. 例如,将主流程的执行人,传递给子流程,子流程根据主流程的执行人不同,会有不同的处理方式: 又例如,采购流程中,卖方备货处理时,发现 ...

  2. Web基础配置篇(十二): Elasticsearch的安装配置及入门使用

    Web基础配置篇(十二): Elasticsearch的安装配置及入门使用 一.概述 ElasticSearch是一个基于Lucene的搜索服务器.它提供了一个分布式多用户能力的全文搜索引擎,基于RE ...

  3. Web基础配置篇(十四): Kafka单机、集群的安装配置及使用

    Web基础配置篇(十四): Kafka单机.集群的安装配置及使用 一.概述 Apache Kafka是一个分布式发布 - 订阅消息系统和一个强大的队列,可以处理大量的数据,并使您能够将消息从一个端点传 ...

  4. 风炫安全Web安全学习第四十节课 反序列化漏洞攻击利用演示

    风炫安全Web安全学习第四十节课 反序列化漏洞攻击利用演示 0x02 反序列化漏洞利用 反序列化漏洞的成因在于代码中的 unserialize() 接收的参数可控,从上面的例子看,这个函数的参数是一个 ...

  5. 风炫安全Web安全学习第三十九节课 反序列化漏洞基础知识

    风炫安全Web安全学习第三十九节课 反序列化漏洞基础知识 反序列化漏洞 0x01 序列化相关基础知识 0x01 01 序列化演示 序列化就是把本来不能直接存储的数据转换成可存储的数据,并且不会丢掉数据 ...

  6. 风炫安全WEB安全学习第四十四节课 敏感信息泄漏

    第四十四节课 敏感信息泄漏 敏感信息泄漏 0x01 漏洞简介 敏感数据包括但不限于:口令.密钥.证书.会话标识.License.隐私数据(如短消息的内容).授权凭据.个人数据(如姓名.住址.电话等)等 ...

  7. 风炫安全Web安全学习第四十三节课 路径遍历漏洞

    风炫安全Web安全学习第四十三节课 路径遍历漏洞 路径遍历 0x01 漏洞概述 路径遍历攻击(也称作目录遍历)的目标是访问web根目录外存储的文件和目录.通过操纵使用"点-斜线(-/)&qu ...

  8. Web前端开发常用的十款开发工具汇总

    今天小编要跟大家分享关于Web前端开发常用的十款开发工具汇总 1.Glitch https://glitch.com 好的,这不仅仅是一个工具,还是一个非常棒的编码平台以及一个很棒的技术社区.我可以在 ...

  9. Web Hacking 101 中文版 二十、漏洞报告

    二十.漏洞报告 作者:Peter Yaworski 译者:飞龙 协议:CC BY-NC-SA 4.0 所以这一天终于来了,你发现了你的第一个漏洞. 首先,恭喜你! 认真来讲,发现漏洞并不容易,但是有一 ...

  10. Java Web基础入门第八十二讲 Listener(监听器)——监听器在开发中的应用(一)

    监听器在JavaWeb开发中用得比较多,下面说一下监听器(Listener)在开发中的常见应用. 统计当前在线人数 在JavaWeb应用开发中,有时候我们需要统计当前在线的用户数,此时就可以使用监听器 ...

最新文章

  1. tomcat重启后session没有清除的解决办法
  2. Sqlserver 2000 迷你、便携企业管理器(10M),支持Dts编辑
  3. Tensorflow安装及过程中遇到的一些些问题
  4. string java getbytes_从 String.getBytes 理解 Java 编码和解码
  5. V神:区块链跨链技术大规模应用将在一到两年内爆发
  6. ai算子是什么_隐私AI框架中的数据流动与工程实现
  7. 京东发布FastReID:目前最强悍的目标重识别开源库!
  8. 利用边缘监督信息加速Mask R-CNN实例分割训练
  9. 同学孩子上985大学,每月生活费5000元,大家认为合适吗?
  10. 如何顺势用优势找到机会赚钱?
  11. caffe特征可视化---python实现
  12. 网站前端_KindEditor.基础入门.0002.KindEditor_3.4.2配置参数?
  13. python中的as是什么意思_python中as用法实例分析
  14. PR视频剪辑教程--视频特效和转场
  15. 2017计算机办公自动化试题,【2017年整理】计算机办公自动化试题.doc
  16. index+match函数/一对多查找匹配,可以代替Vlookup函数的使用。
  17. c/c++中指针学习的两个绝好例子
  18. JavaScript 各种事件、方法、参数详解示例及常见问题等(全)
  19. SIM7600X常用指令
  20. Vue 路由懒加载——介绍以及遇到的问题

热门文章

  1. 关于字符的读入与输出
  2. python中的可变数据类型有列表和元组_Python中列表的 += 和 .extend() 的异同
  3. r数据框计算字符出现次数_R语言系列第二期:①R变量、脚本、作图等模块介绍...
  4. robotframework调用python类方法_RobotFramework-调用.py文件
  5. pytorch自带网络_PyTorch机器学习笔记(1)整好环境
  6. windows生成dump文件
  7. C++类指针类型的成员变量的浅复制与深复制
  8. UVA10561 Treblecross
  9. nyoj--120--校园网络(scc+缩点)
  10. Ajax拖放页面元素(图片)