Web：你知道我这十几年是怎么过来的吗？！
大家好，我是若川。持續組織了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、拉你進源碼共讀群
今日話題
略。分享、收藏、點贊、在看我的文章就是對我最大的支持~
總結
以上是生活随笔為你收集整理的Web：你知道我这十几年是怎么过来的吗？！的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 前端学习（2965）：路由环境的搭建
- 下一篇： matlab retinex,基于Ret