這不是我認識的 MDN 吧？
2022年3月1日我在查資料時，意外發(fā)現(xiàn) MDN 竟然大變樣了！這還是我認識的MDN嗎？
原來長啥樣來著？
不得不說，新版MDN的UI已經(jīng)跟上時代的潮流了啊~ 最早期的MDN是在Github上作為wiki開始出現(xiàn)的，現(xiàn)在它的靜態(tài)網(wǎng)站是掛在Github提供的靜態(tài)站點
MDN：https://developer.mozilla.org/
在MDN維護的十幾年內(nèi)，參與網(wǎng)站內(nèi)容共建的有 45000+ 的開發(fā)人員以及UI，導致原先的MDN網(wǎng)站內(nèi)容和樣式上有眾多的不一致，所以在2021年，MDN團隊正式啟動對網(wǎng)站樣式的重新設計，核心目的就是更加聚焦、更加簡潔~
首頁
一個網(wǎng)站打開，我一般第一眼會看它左上角的Logo，MDN也從原來的狗頭（是狗頭嗎？），換成了現(xiàn)在的字母Logo，據(jù)說這也是請了設計師的，而且最終選用的這個Logo還是由網(wǎng)友從官方提供的8個方案中投票篩選出來的！
你覺得這個Logo值多少錢（手動狗頭）
從首頁看下來，原本在右上角的搜索功能，現(xiàn)在放到了網(wǎng)站的中央作為核心功能，這也確實是我們平時用的最多的功能
再往下是一個叫 Featured Articles 的模塊，主要就是向我們展示最近新特性或閱讀量較大的文章（值得關注一下）
最后展示了最新的 Contributor 在 Github 上的貢獻內(nèi)容
細心的你還能發(fā)現(xiàn)，右上角多了一個切換主題的 button
文章
再到具體的文檔里看看，現(xiàn)在的三欄布局：
左側是跟你當前閱讀內(nèi)容強相關的 Reference Link 中間是你閱讀的文檔信息，不得不提一下這點，文檔內(nèi)容的樣式比以前好看太多了 右側是你當前閱讀內(nèi)容的目錄，它會一直懸浮在那，點擊即可跳轉
兼容性
以前對于每個特性的兼容性，MDN是列的非常詳細，針對到每個屬性在每個瀏覽器的某些版本上是否支持，
其實我覺得這個還挺不錯的，稍微看一眼就能知道版本的支持情況，不過對于大部分人來說，其實那個版本數(shù)字沒什么作用，因為你根本不會注意這些。所以MDN官方就移除了瀏覽器版本這個維度，從大局觀的角度來看該屬性在每個瀏覽器上是否支持，我覺得也是合理的
現(xiàn)在如果你真的要去查看非常詳細的瀏覽器版本維度的屬性支持情況，還是建議去 can i use 上看看，或者你親手去實踐檢驗一下
can i use：https://caniuse.com/
國際化
原先的MDN的語言切換按鈕就在每篇文章的最底部，我一直覺得這個設計很不好，我剛進來是英文，我要是想看中文，我得先從頭滑到底才能切換，這不是浪費時間么！
肯定是被很多人吐槽了，這次的新版文檔，語言切換的按鈕放到了右上角
