1989 年 3 月 12 日，在瑞士的歐洲核子研究中心工作的蒂姆·伯納斯-李向他的老板遞交了一篇題目為“Information Management: A Proposal”的建議書。后來人們把這一天當(dāng)作萬維網(wǎng) (WWW, World Wide Web) 誕生的日子。一晃三十年過去，web 早已成為這個世界重要的組成部分。

但是 Web 真正開始走向巔峰，其實是從 2008 年開始的，在隨后的十幾年，它先是被宣布了死亡，隨后又開始了大繁榮時期，經(jīng)歷了多個非常重要而精彩的時刻。

就在剛剛，在 Chrome 100 版本發(fā)布的日子，Google 發(fā)布了 Web 100 個令人激動的瞬間 (https://developer.chrome.com/blog/new-in-chrome-100/)，同時也在推特上發(fā)起了 #100CoolWebMoments 活動，我們一起來感受一下這些激動人心的瞬間吧！

2008

谷歌瀏覽器誕生

開啟新的 Web 時代！

Github 1 歲了

最流行的 Web 存儲庫服務(wù)的誕生。

Web版 Office 套件誕生

大大提升了 Windows 用戶的 Web 的生產(chǎn)力。

WebPageTest 開源

跨瀏覽器自動化測試的時代開啟！

WebKit 完全通過 ACID3

Acid3 由網(wǎng)頁標(biāo)準(zhǔn)計劃小組（Web Standards Project, WSP）設(shè)計，是一份網(wǎng)頁瀏覽器及設(shè)計軟件之標(biāo)準(zhǔn)相容性的測試網(wǎng)頁，Acid3是Web標(biāo)準(zhǔn)基準(zhǔn)測試中最嚴(yán)格的一個，對 DOM 和 JavaScript 有著嚴(yán)格的約束

WebKit 是第一個完全通過 Acid3 的瀏覽器引擎！

2009

Node.js 開始由 V8 提供支持

2009 年，內(nèi)嵌 V8 的 Node.js 發(fā)布了第一個版本。在最初的 Chrome 漫畫中明確提到了將 V8 嵌入到非瀏覽器項目中的可能性，而 Node.js 做到了！Node.js 成為最受歡迎的 JavaScript 生態(tài)系統(tǒng)之一。

第1版 Chrome 開發(fā)者工具誕生

基于 Webkit 的 Inspector 建立，通過 Chromium 開源！

Web 瀏覽器在線調(diào)試時代開始！

ChromeOS 發(fā)布

專門為 Web 用戶量身打造的操作系統(tǒng)，基于 Linux 開發(fā)、并且有開源版本。

Flexbox 第一個草案被提出

開啟網(wǎng)絡(luò)布局新時代！

Firefox 5歲了

新時代的瀏覽器正在快速崛起，挑戰(zhàn) IE!

Google Chrome Frame 發(fā)布

Google Chrome Frame 讓 IE 僅剩下了皮囊，用戶可以通過 Internet Explorer 的用戶界面，以 Chrome 內(nèi)核的渲染方式瀏覽網(wǎng)頁。

Opera 放棄 Presto

Opera 也開始啟用 WebKit 內(nèi)核。

2010

Wired：Web 已死

Wired 是美國一份非常有名的權(quán)威雜志，萬維網(wǎng)誕生二十年后，Wired 公開談?wù)?Web 正在衰落。

然后在 2014 年：Wired 又宣布 Web 沒有死，打臉了 ...

Sundar Pichai 在 Google I/O 的演講

Sundar Pichai 是 Google 的 CEO，在這一屆的 Google I/O ，中，他發(fā)表了一次非常振奮人心的演講，開始大肆宣揚開放式 Web 的思想。

響應(yīng)式網(wǎng)頁設(shè)計

Ethan Marcotte 第一次提出了響應(yīng)式網(wǎng)頁設(shè)計的概念，并發(fā)表了一篇長篇論文來闡述他的觀點。

Google 字體推出

面向所有 Web 用戶免費開放使用。

WebGL 進(jìn)入 Beta 階段

一個改變 Web 3D 圖形面貌的跨時代 API！

Pacman Doodle 誕生

Google 基于 Pacman Doodle 開發(fā)了一款 Web 版的吃豆人游戲，從此引入了交互式 HTML 時代。

HTML5Rocks 發(fā)布

Html5 Rocks 是 Google 推出的 HTML5 學(xué)習(xí)推廣的站點，開發(fā)者可以快速在上面了解 HTML5 的所有內(nèi)容。

2011

ro.me

基于 WebGl 的半互動電影，在十年前非常驚艷！

HTML 規(guī)范從版本控制轉(zhuǎn)變?yōu)閯討B(tài)文檔

HTML5 成了 HTML 最后一個版本號！

Web Audio API 誕生

解鎖 Web 音頻程序的設(shè)計！

WebRTC 誕生

開啟網(wǎng)頁即時通信時代！

2012

Web 實驗室&博物館

Google 與倫敦科學(xué)博物館合作發(fā)起了 Web Lab 項目。這是一個有五個展覽的博物館展覽，你可以在線訪問它們的網(wǎng)站，它允許網(wǎng)站訪問者與真實展覽進(jìn)行實時交互。

媒體查詢進(jìn)入W3C推薦標(biāo)準(zhǔn)

為不同的設(shè)備創(chuàng)造更好的使用體驗。

Web 圖片響應(yīng)式

響應(yīng)式設(shè)計領(lǐng)域的又一壯舉。

Chrome 發(fā)布 Android 版本

將 Chrome 的桌面功能引入手機(jī)和平板電腦。

Service Workers 啟動

給 Web 帶來了強(qiáng)大的離線緩存能力！

2013

CSS Zen Garden 10 歲了

CSS禪園成立于2003年5月，是一個非常偉大的網(wǎng)頁設(shè)計網(wǎng)站！

Finding Ada

findingada 是一個致力于鼓勵女性進(jìn)入 STEM （科學(xué)、技術(shù)、工程和數(shù)學(xué)）領(lǐng)域的組織。

2013年的3月8日，國際婦女節(jié)，findingada 公布了 10 位在 Web 屆最有影響力的女性。

Chrome Frame 棄用

出道沒多久就涼了 ...

Web 標(biāo)準(zhǔn)項目 (WaSP) 結(jié)束

Web 標(biāo)準(zhǔn)項目 (WaSP) 于 1998 年成立時，Web 是兩家瀏覽器制造商 — Netscape 和微軟之間不斷升級的戰(zhàn)爭，WaSP 的主要目標(biāo)是讓瀏覽器制造商支持萬維網(wǎng)聯(lián)盟 (W3C) 制定的標(biāo)準(zhǔn)，如今它完成了自己的使命。

JavaScript 開始支持 Promise API

改變了 JavaScript 異步代碼的編寫方式。

Blink 引擎發(fā)布

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

Android WebView

從 Android 4.4 開始，正式支持基于 Chromium 的 WebView ！

2014

Chrome 小恐龍

一個復(fù)活節(jié)彩蛋，讓你在沒網(wǎng)的時候也能玩會小游戲 ...

Let's Encrypt

從 2014 年，Chrome 開始統(tǒng)計啟用了 HTTPS 協(xié)議的網(wǎng)站，

jQuery - 標(biāo)準(zhǔn)驅(qū)動未來

jQuery 對 Web 的貢獻(xiàn)絕對不止于一個庫那么簡答， 它為 Web 貢獻(xiàn)了多項標(biāo)準(zhǔn)，比如 querySelectorAll 選擇器、另外 XMLHttpRequest 標(biāo)準(zhǔn)也參考了 jQuery 的 $.ajax 設(shè)計。

HTML5 原生拖拽

大大提升了 Web 交互式應(yīng)用的設(shè)計能力。

Material Design 誕生

現(xiàn)代化質(zhì)感設(shè)計的新時代。

2015

PWA 誕生

PWA（Progressive Web Apps，漸進(jìn)式 Web 應(yīng)用）運用現(xiàn)代的 Web API 以及傳統(tǒng)的漸進(jìn)式增強(qiáng)策略來創(chuàng)建跨平臺 Web 應(yīng)用程序。這些應(yīng)用無處不在、功能豐富，使其具有與原生應(yīng)用相同的用戶體驗優(yōu)勢。Alex Russell 首次提出了這個概念。

IE 終結(jié) & Edge 誕生

微軟的新版瀏覽器代號為 “Project Spartan”。2015年4月30日，微軟在舊金山舉行的 Build 2015 開發(fā)者大會上宣布，其最新操作系統(tǒng) — Windows10 內(nèi)置代號為 “Project Spartan” 的新瀏覽器被正式命名為 “Microsoft Edge”。

Web 消息推送

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

WebAssembly 誕生

Mozilla、Chromium、Edge、WebKit 的工程師共同開始定制 WebAssembly 標(biāo)準(zhǔn)。

MDN 10 歲了

在 2005 年初，一個由理想主義者組成的小團(tuán)隊開始為所有 Web 開發(fā)人者創(chuàng)建一個新的、免費的、社區(qū)構(gòu)建的在線資源。十年后，MDN 已成為全球最大的 Web 資源學(xué)習(xí)網(wǎng)站。

IndexedDB 進(jìn)入 W3C 標(biāo)準(zhǔn)

通俗地說，IndexedDB 就是瀏覽器提供的本地數(shù)據(jù)庫，它可以被網(wǎng)頁腳本創(chuàng)建和操作。IndexedDB 允許儲存大量數(shù)據(jù)，提供查找接口，還能建立索引。這些都是 LocalStorage 所不具備的。

2016

快速涂鴉

一個基于機(jī)器學(xué)習(xí)的 Web App，也是跨時代的 Web 應(yīng)用。

https://quickdraw.withgoogle.com/

Chrome 開發(fā)者大會上的薩克斯手

兩位有才的程序員給我們帶來了一場不一樣的 Chrome 開發(fā)者大會。

H5 流媒體能力

在 HTML5 中，無需依賴 Flash 和 Silverlight 插件就可以播放視頻！

WebKit Web Inspector 10 歲了

還記得那個只能通過 alert() 進(jìn)行調(diào)試的時代嗎？

2017

MDN Web 文檔啟動

Mozilla 將 Microsoft、Google、W3C、三星聯(lián)合起來在 MDN 上創(chuàng)建跨瀏覽器的 Web 文檔。

Glitch.com 啟動

為開發(fā)者提供了一種在瀏覽器中進(jìn)行編輯的簡便方法。

網(wǎng)頁設(shè)計博物館

保留網(wǎng)頁設(shè)計的歷史。https://www.webdesignmuseum.org/

Photopea

由一個人開發(fā)的 Web 圖像編輯器！https://www.photopea.com/

CSS Grid 布局誕生

又一個跨時代的布局方式，所有主流瀏覽器都進(jìn)行了支持。

Web Components 誕生

瀏覽器的原生組件：簡單直接，符合直覺，不用加載任何外部模塊，代碼量小。

2018

Meltdown 和 Spectre 漏洞被發(fā)現(xiàn)

我之前專門寫過一篇文章介紹它們：通過幾行 JS 就可以讀取電腦上的所有數(shù)據(jù)？

web.dev 誕生

一個非常棒的 Web 社區(qū)：https://web.dev/

Squoosh 誕生

一個 Web 圖像壓縮程序，現(xiàn)在已經(jīng)非常流行！https://squoosh.app/

webOS OSE 開源

webOS 是一款基于 Chromium 的多任務(wù)操作系統(tǒng)，LG 將其開源。

Fugu 計劃開始

Fugu 計劃的目標(biāo)：Web 應(yīng)用應(yīng)該實現(xiàn)原生應(yīng)用的所有功能。

瀏覽器的工作原理

一個非常有名的解讀瀏覽器原理的文章，現(xiàn)在很多介紹瀏覽器工作原理的文章都會參考它：https://developer.chrome.com/blog/inside-browser-part1/

2019

W3C 開始和 WHATWG 合作

WHATWG 是由四個主要的瀏覽器廠商（包括蘋果、谷歌、微軟、Mozilla）組成的行業(yè)組織，它和 W3C（萬維網(wǎng)聯(lián)盟） 一直在爭奪 Web 的標(biāo)準(zhǔn)定制權(quán)。終于在這一年達(dá)成了共識。

桌面端應(yīng)用支持 PWA

Chrome 73 添加了對 macOS 的支持，為所有桌面平臺（Mac、Windows、Chrome OS 和 Linux）以及移動平臺帶來了對漸進(jìn)式 Web 應(yīng)用程序的支持，從而簡化了 Web 應(yīng)用程序的開發(fā)。

互聯(lián)網(wǎng)博物館

記錄 Web 的歷史。

Firefox 啟動 4 周發(fā)布周期

Firefox 加快了它們的發(fā)布周期，為開發(fā)者帶來了更多的敏捷性和功能。

Web 30 歲了

從 1989 - 2019 ，Web 已走過了 30 個年頭。

Web 支持原生懶加載

只需一個屬性 ，即可擁有瀏覽器原生的懶加載能力。

2020

Flash 終結(jié)

“就像許多美好的事物一樣，它的時代已經(jīng)過去了。”

Open Web Docs

一項維護(hù) Web 文檔的生態(tài)系統(tǒng)范圍的倡議。

CSS 支持邏輯屬性

樣式編寫擁有了更多的靈活性。

SpaceX ISS 對接模擬器

一個基于 Web 的模擬器，你可以手動與國際空間站對接。https://iss-sim.spacex.com/

Edge 采用 Chromium

宣布放棄 EdgeHTML。

不那么煩人的通知

Chrome 和 Firefox 一起改進(jìn)了 Web 通知的用戶體驗。

2021

Chrome 默認(rèn)使用 HTTPS

如果訪問網(wǎng)頁的時候不輸入?yún)f(xié)議，瀏覽器開始默認(rèn)啟用 HTTPS。

NASA 火星著陸模擬器

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

RenderingNG

RenderingNG 目標(biāo)成為所有 Web 渲染引擎新的最低標(biāo)準(zhǔn)和開發(fā)者信任的新基線。

vscode.dev 啟動

在瀏覽器打開 vscode 成為可能，掀起了一股 WEB IDE 的熱潮！

DojaCode

世界上第一個可編碼的音樂視頻。https://dojacode.com/

Compat 2021

消除 Web 上的五個主要兼容性痛點：https://web.dev/compat2021/

2022

Canvas2D

在 Chrome 99 中推出了最新的 Canvas API。https://developer.chrome.com/blog/canvas2d/

Cascade Layers (CSS @layer)

CSS Cascade Layers ，也叫做 CSS級聯(lián)層 ，是 Cascading and Inheritance Level5 規(guī)范中新增了一個新的 CSS 特性，對應(yīng)的 CSS 屬性寫法 @layer ，即一個新的 @ 規(guī)則。

Interop 2022

各大瀏覽器廠商聯(lián)合起來一起改進(jìn) Web 兼容性問題。

Oculus 中的 PWA

Meta 將 Web 的力量帶到了 VR 中。

Chrome 100

Chrome 版本來到三位數(shù)！

怎么樣，看完有沒有感覺很激動呢，在評論區(qū)留下你認(rèn)為 Web 讓你最激動的瞬間吧！