大家好,我是 ConardLi。
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
活动,我们一起来感受一下这些激动人心的瞬间吧!
开启新的 Web
时代!
最流行的 Web
存储库服务的诞生。
大大提升了 Windows
用户的 Web
的生产力。
跨浏览器自动化测试的时代开启!
Acid3
由网页标准计划小组(Web Standards Project, WSP
)设计,是一份网页浏览器及设计软件之标准相容性的测试网页,Acid3是Web标准基准测试中最严格的一个,对 DOM 和 JavaScript
有着严格的约束
WebKit
是第一个完全通过 Acid3
的浏览器引擎!
2009
年,内嵌 V8
的 Node.js
发布了第一个版本。在最初的 Chrome
漫画中明确提到了将 V8 嵌入到非浏览器项目中的可能性,而 Node.js
做到了!Node.js
成为最受欢迎的 JavaScript
生态系统之一。
基于 Webkit
的 Inspector
建立,通过 Chromium
开源!
Web
浏览器在线调试时代开始!
专门为 Web
用户量身打造的操作系统,基于 Linux
开发、并且有开源版本。
开启网络布局新时代!
新时代的浏览器正在快速崛起,挑战 IE!
Google Chrome Frame
让 IE
仅剩下了皮囊,用户可以通过 Internet Explorer
的用户界面,以 Chrome
内核的渲染方式浏览网页。
Opera
也开始启用 WebKit
内核。
Wired
是美国一份非常有名的权威杂志,万维网诞生二十年后,Wired
公开谈论 Web
正在衰落。
然后在 2014
年:Wired
又宣布 Web
没有死,打脸了 ...
Sundar Pichai
是 Google
的 CEO
,在这一届的 Google I/O
,中,他发表了一次非常振奋人心的演讲,开始大肆宣扬开放式 Web
的思想。
Ethan Marcotte
第一次提出了响应式网页设计的概念,并发表了一篇长篇论文来阐述他的观点。
面向所有 Web
用户免费开放使用。
一个改变 Web 3D
图形面貌的跨时代 API!
Google
基于 Pacman Doodle
开发了一款 Web
版的吃豆人游戏,从此引入了交互式 HTML
时代。
Html5 Rocks
是 Google
推出的 HTML5
学习推广的站点,开发者可以快速在上面了解 HTML5
的所有内容。
基于 WebGl
的半互动电影,在十年前非常惊艳!
HTML5
成了 HTML
最后一个版本号!
解锁 Web
音频程序的设计!
开启网页即时通信时代!
Google
与伦敦科学博物馆合作发起了 Web Lab
项目。这是一个有五个展览的博物馆展览,你可以在线访问它们的网站,它允许网站访问者与真实展览进行实时交互。
为不同的设备创造更好的使用体验。
响应式设计领域的又一壮举。
将 Chrome
的桌面功能引入手机和平板电脑。
给 Web
带来了强大的离线缓存能力!
CSS禅园成立于2003年5月,是一个非常伟大的网页设计网站!
findingada
是一个致力于鼓励女性进入 STEM
(科学、技术、工程和数学)领域的组织。
2013年的3月8日,国际妇女节,findingada
公布了 10 位在 Web
届最有影响力的女性。
出道没多久就凉了 ...
Web
标准项目 (WaSP
) 于 1998
年成立时,Web
是两家浏览器制造商 — Netscape
和微软之间不断升级的战争,WaSP
的主要目标是让浏览器制造商支持万维网联盟 (
W3C) 制定的标准,如今它完成了自己的使命。
改变了 JavaScript
异步代码的编写方式。
Blink
, 基于 WebKit
的全新开源渲染引擎。
从 Android 4.4
开始,正式支持基于 Chromium
的 WebView
!
一个复活节彩蛋,让你在没网的时候也能玩会小游戏 ...
从 2014
年,Chrome
开始统计启用了 HTTPS
协议的网站,
jQuery 对 Web 的贡献绝对不止于一个库那么简答, 它为 Web 贡献了多项标准,比如 querySelectorAll
选择器、另外 XMLHttpRequest
标准也参考了 jQuery
的 $.ajax
设计。
大大提升了 Web
交互式应用的设计能力。
现代化质感设计的新时代。
PWA
(Progressive Web Apps
,渐进式 Web
应用)运用现代的 Web API
以及传统的渐进式增强策略来创建跨平台 Web
应用程序。这些应用无处不在、功能丰富,使其具有与原生应用相同的用户体验优势。Alex Russell
首次提出了这个概念。
微软的新版浏览器代号为 “Project Spartan
”。2015年4月30日,微软在旧金山举行的 Build 2015
开发者大会上宣布,其最新操作系统 — Windows10 内置代号为 “Project Spartan
” 的新浏览器被正式命名为 “Microsoft Edge
”。
Web
首次具备推送通知的能力。
Mozilla、Chromium、Edge、WebKit
的工程师共同开始定制 WebAssembly
标准。
在 2005 年初,一个由理想主义者组成的小团队开始为所有 Web 开发人者创建一个新的、免费的、社区构建的在线资源。十年后,MDN 已成为全球最大的 Web
资源学习网站。
通俗地说,IndexedDB
就是浏览器提供的本地数据库,它可以被网页脚本创建和操作。IndexedDB
允许储存大量数据,提供查找接口,还能建立索引。这些都是 LocalStorage
所不具备的。
一个基于机器学习的 Web App
,也是跨时代的 Web
应用。
https://quickdraw.withgoogle.com/
两位有才的程序员给我们带来了一场不一样的 Chrome
开发者大会。
在 HTML5
中,无需依赖 Flash
和 Silverlight
插件就可以播放视频!
还记得那个只能通过 alert()
进行调试的时代吗?
Mozilla
将 Microsoft
、Google
、W3C
、三星联合起来在 MDN
上创建跨浏览器的 Web
文档。
为开发者提供了一种在浏览器中进行编辑的简便方法。
保留网页设计的历史。https://www.webdesignmuseum.org/
由一个人开发的 Web
图像编辑器!https://www.photopea.com/
又一个跨时代的布局方式,所有主流浏览器都进行了支持。
浏览器的原生组件:简单直接,符合直觉,不用加载任何外部模块,代码量小。
我之前专门写过一篇文章介绍它们:通过几行 JS 就可以读取电脑上的所有数据?
一个非常棒的 Web
社区:https://web.dev/
一个 Web
图像压缩程序,现在已经非常流行!https://squoosh.app/
webOS
是一款基于 Chromium
的多任务操作系统,LG
将其开源。
Fugu
计划的目标:Web
应用应该实现原生应用的所有功能。
一个非常有名的解读浏览器原理的文章,现在很多介绍浏览器工作原理的文章都会参考它:https://developer.chrome.com/blog/inside-browser-part1/
WHATWG
是由四个主要的浏览器厂商(包括苹果、谷歌、微软、Mozilla)组成的行业组织,它和 W3C
(万维网联盟) 一直在争夺 Web 的标准定制权。终于在这一年达成了共识。
Chrome 73
添加了对 macOS
的支持,为所有桌面平台(Mac、Windows、Chrome OS
和 Linux
)以及移动平台带来了对渐进式 Web
应用程序的支持,从而简化了 Web
应用程序的开发。
记录 Web 的历史。
Firefox
加快了它们的发布周期,为开发者带来了更多的敏捷性和功能。
从 1989 - 2019
,Web
已走过了 30
个年头。
只需一个属性 <img loading=lazy>
,即可拥有浏览器原生的懒加载能力。
“就像许多美好的事物一样,它的时代已经过去了。”
一项维护 Web
文档的生态系统范围的倡议。
样式编写拥有了更多的灵活性。
一个基于 Web
的模拟器,你可以手动与国际空间站对接。https://iss-sim.spacex.com/
宣布放弃 EdgeHTML
。
Chrome
和 Firefox
一起改进了 Web
通知的用户体验。
如果访问网页的时候不输入协议,浏览器开始默认启用 HTTPS
。
一个基于 WebGL
的模拟器。https://eyes.nasa.gov/apps/mars2020/#/home
RenderingNG
目标成为所有 Web
渲染引擎新的最低标准和开发者信任的新基线。
在浏览器打开 vscode
成为可能,掀起了一股 WEB IDE
的热潮!
世界上第一个可编码的音乐视频。https://dojacode.com/
消除 Web
上的五个主要兼容性痛点:https://web.dev/compat2021/
在 Chrome 99
中推出了最新的 Canvas API
。https://developer.chrome.com/blog/canvas2d/
CSS Cascade Layers
,也叫做 CSS级联层 ,是 Cascading and Inheritance Level5
规范中新增了一个新的 CSS
特性,对应的 CSS
属性写法 @layer
,即一个新的 @ 规则。
各大浏览器厂商联合起来一起改进 Web
兼容性问题。
Meta
将 Web
的力量带到了 VR
中。
Chrome
版本来到三位数!
怎么样,看完有没有感觉很激动呢,在评论区留下你认为 Web
让你最激动的瞬间吧!