大家好,我是若川。持續組織了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
年,內嵌 V8
的 Node.js
發布了第一個版本。在最初的 Chrome
漫畫中明確提到了將 V8 嵌入到非瀏覽器項目中的可能性,而 Node.js
做到了!Node.js
成為最受歡迎的 JavaScript
生態系統之一。
第1版 Chrome 開發者工具誕生

基于 Webkit
的 Inspector
建立,通過 Chromium
開源!

Web
瀏覽器在線調試時代開始!
ChromeOS 發布

專門為 Web
用戶量身打造的操作系統,基于 Linux
開發、并且有開源版本。
Flexbox 第一個草案被提出

開啟網絡布局新時代!
Firefox 5歲了

新時代的瀏覽器正在快速崛起,挑戰 IE!
Google Chrome Frame 發布

Google Chrome Frame
讓 IE
僅剩下了皮囊,用戶可以通過 Internet Explorer
的用戶界面,以 Chrome
內核的渲染方式瀏覽網頁。
Opera 放棄 Presto

Opera
也開始啟用 WebKit
內核。
2010
Wired:Web 已死

Wired
是美國一份非常有名的權威雜志,萬維網誕生二十年后,Wired
公開談論 Web
正在衰落。
然后在 2014
年:Wired
又宣布 Web
沒有死,打臉了 ...
Sundar Pichai 在 Google I/O 的演講

Sundar Pichai
是 Google
的 CEO
,在這一屆的 Google I/O
,中,他發表了一次非常振奮人心的演講,開始大肆宣揚開放式 Web
的思想。
響應式網頁設計

Ethan Marcotte
第一次提出了響應式網頁設計的概念,并發表了一篇長篇論文來闡述他的觀點。
Google 字體推出

面向所有 Web
用戶免費開放使用。
WebGL 進入 Beta 階段

一個改變 Web 3D
圖形面貌的跨時代 API!
Pacman Doodle 誕生

Google
基于 Pacman Doodle
開發了一款 Web
版的吃豆人游戲,從此引入了交互式 HTML
時代。
HTML5Rocks 發布

Html5 Rocks
是 Google
推出的 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
開始,正式支持基于 Chromium
的 WebView
!
2014
Chrome 小恐龍

一個復活節彩蛋,讓你在沒網的時候也能玩會小游戲 ...
Let's Encrypt

從 2014
年,Chrome
開始統計啟用了 HTTPS
協議的網站,
jQuery - 標準驅動未來

jQuery 對 Web 的貢獻絕對不止于一個庫那么簡答, 它為 Web 貢獻了多項標準,比如 querySelectorAll
選擇器、另外 XMLHttpRequest
標準也參考了 jQuery
的 $.ajax
設計。
HTML5 原生拖拽

大大提升了 Web
交互式應用的設計能力。
Material Design 誕生

現代化質感設計的新時代。
2015
PWA 誕生

PWA
(Progressive 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
中,無需依賴 Flash
和 Silverlight
插件就可以播放視頻!
WebKit Web Inspector 10 歲了

還記得那個只能通過 alert()
進行調試的時代嗎?
2017
MDN Web 文檔啟動

Mozilla
將 Microsoft
、Google
、W3C
、三星聯合起來在 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 OS
和 Linux
)以及移動平臺帶來了對漸進式 Web
應用程序的支持,從而簡化了 Web
應用程序的開發。
互聯網博物館

記錄 Web 的歷史。
Firefox 啟動 4 周發布周期

Firefox
加快了它們的發布周期,為開發者帶來了更多的敏捷性和功能。
Web 30 歲了

從 1989 - 2019
,Web
已走過了 30
個年頭。
Web 支持原生懶加載

只需一個屬性 <img loading=lazy>
,即可擁有瀏覽器原生的懶加載能力。
2020
Flash 終結

“就像許多美好的事物一樣,它的時代已經過去了。”
Open Web Docs

一項維護 Web
文檔的生態系統范圍的倡議。
CSS 支持邏輯屬性

樣式編寫擁有了更多的靈活性。
SpaceX ISS 對接模擬器

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

宣布放棄 EdgeHTML
。
不那么煩人的通知

Chrome
和 Firefox
一起改進了 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 API
。https://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

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

Chrome
版本來到三位數!
怎么樣,看完有沒有感覺很激動呢,在評論區留下你認為 Web
讓你最激動的瞬間吧!
·················?若川簡介?·················
你好,我是若川,畢業于江西高校。現在是一名前端開發“工程師”。寫有《學習源碼整體架構系列》20余篇,在知乎、掘金收獲超百萬閱讀。
從2014年起,每年都會寫一篇年度總結,已經堅持寫了8年,點擊查看年度總結。
同時,最近組織了源碼共讀活動,幫助3000+前端人學會看源碼。公眾號愿景:幫助5年內前端人走向前列。
掃碼加我微信 ruochuan02、拉你進源碼共讀群
今日話題
略。分享、收藏、點贊、在看我的文章就是對我最大的支持~