我是一個非常喜歡看網(wǎng)頁的人，但是跟大多數(shù)人不一樣，我喜歡看的是網(wǎng)站的樣式，動效，優(yōu)化和細(xì)節(jié)。日積月累看的多了，因此每年我都會評選出一個當(dāng)年我發(fā)現(xiàn)的非常不錯的網(wǎng)站。
我稱之為 好看的皮囊

我甚至并不是很關(guān)注這些網(wǎng)站內(nèi)容具體是干什么。只是覺得某些動效或者想法值得借鑒。
又或者我實在不知道具體實現(xiàn)方法是怎樣的。這也許是一種職業(yè)?。ㄒ驗槲沂莻€前端）。

我這個愛好是從蘋果發(fā)布*代垃圾桶，我點開官網(wǎng)的介紹頁開始的。不知道當(dāng)年有沒有也被驚艷過的，可以說是因為這個垃圾桶我才決定是個前端的。沒想到從業(yè)以后，壓根就沒有遇到過類似的活讓我做。

有時候我會去看一個剛遇到的產(chǎn)品的官網(wǎng)，去看看他們官網(wǎng)的文章列表的圖片是不是大于 1M ，結(jié)果經(jīng)常會出現(xiàn)個 5M 以上的圖。 不管是騰訊還是阿里也都出現(xiàn)過類似的問題。
我們費盡心思的優(yōu)化打包體積，拆分 js ，調(diào)整加載順序。結(jié)果一個運營上傳的原圖就什么都白費了。

但是在好的網(wǎng)站里，不光是這樣的細(xì)節(jié)。比如蘋果，以前新出的手機、pad ，網(wǎng)站會做非常多好看華麗流暢的動效，如果你仔細(xì)看，每一個素材都是做過處理。并且還是響應(yīng)式。并且禁用 js 依舊可以正常展示內(nèi)容。

不管是什么，越的東西往往就是讓你忽視它的存在。

這么些好的內(nèi)容， 光放收藏夾是沒有什么大用的。

于是我開始寫導(dǎo)航站，其實不是大家認(rèn)知里的網(wǎng)址導(dǎo)航，可以算是個酷站集合。但是我的這個愛好太小眾了?；竞茉缇蜎鰶隽恕Ｋ赃€是要做一些正常一點的導(dǎo)航。

后來，vue 2.0 發(fā)布了，我發(fā)現(xiàn)導(dǎo)航站非常適合拿來練手。每當(dāng)我知道一個新的框架我都嘗試寫一個試試，WordPress ，angular ，react ，我都試過。用來提升經(jīng)驗確實很不錯。

直到有我漸漸地發(fā)現(xiàn)，導(dǎo)航的本質(zhì)是及時的新內(nèi)容，我的貌似一直在重構(gòu)代碼。
雖然我建立之初安慰自己大不了就我自己用，但是，還是想有人用。

所以我開始轉(zhuǎn)變思路。（是今年才開竅的，之前因為域名沒續(xù)費，域名都沒得了，不得不換了個域名，從頭開始）

這次我做導(dǎo)航，定了幾個基調(diào)

1.做好 seo 和性能 lighthouse ，web vitals 要綠，盡量滿分
雖然是導(dǎo)航站，但是依然要做 SEO ，并且要做好，所以這次選擇的就是 WordPress 。
雖然 wordpress 的性能口碑一直都不好，但好在我高中就在玩 dz 和 wp 了，算是有那么一點經(jīng)驗。但目前看來還挺不錯的。

分享者：mmmmmmmmmmmmmmmmmmmf（linux.do）