大家好，我是程式設計師魚皮，最近某寶網站的改進，屬實是有點 “新” 了。
你敢相信這是一個購物網站麼？
你可以在 Excel 表格中挑選商品進行購物，還原度極高，這兩個圖表更是點睛之筆。哪個天才想出來的，把特麼廣告都整成了 Excel 圖表。
PS 修圖軟體中也可以購物，不仔細看的話還真以為我在設計什麼商品圖呢：
這其實是某寶新出的一系列網站主題，可以自由切換。
作為一名程式設計師，我更喜歡的還是 VSCode 開發工具主題，看到這個目錄樹我的 DNA 就已經動了，他甚至還給商品增加了檔案字尾、他甚至還可以隱藏導航欄，咱就是說這些主題是專門為打工人準備的摸魚神器吧！
不過下班後我還是會切回來，畢竟天天上班接觸的就是這些玩意，現在購物，你還要讓我有種上班的感覺？
不過呢，也有網友說：淘寶程式設計師是不是沒活硬整？
大家怎麼看？
我最開始也是挺費解的，如果讓我來做這個產品，肯定是先最佳化核心功能和體驗，而不是整一大套花裡胡哨的皮膚。但瞭解了更多資訊之後，我其實能理解他們了。首先是很多使用者吐槽他們 PC 端的體驗不佳，所以官方才要對 PC 端進行最佳化，頁面只是其中的一部分。他們也是很用心了：
而我們看到的這些有趣的主題，其實是官方搞了個皮膚徵集大賽，不是自己的程式設計師開發的。用外部開發者的人力、再引導這些開發者自己做一波拉票宣傳，不得不說，還是挺聰明的。
最後我再給大家分享一下動態切換主題的實現方式，其實很簡單，對學前端的同學應該有一些幫助。
1）首先點選切換主題時，會傳送網路請求獲取到主題對應的 CSS 樣式程式碼，我們可以在瀏覽器開發者工具中找到並且複製這段程式碼：
2）然後在開發工具中進行一系列的處理，比如替換掉換行符、轉義符等等，就得到了乾淨的樣式程式碼
3）之後就可以在瀏覽器開發者工具中新建一個樣式規則，並且複製剛剛的樣式程式碼，就搞定啦！
以上操作如果透過圖文不好理解，建議觀看我錄的影片演示：https://bilibili.com/video/BV1JF2GYsE1s
說實在的，在不改變頁面 HTML 佈局的情況下，單純靠寫 CSS 來改變主題，還是非常麻煩的，作者用心了 👍🏻！
最後再做個小調研，大家會不會使用這些主題來購物呢？