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

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

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

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

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

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

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

于是我開始寫導(dǎo)航站，其實(shí)不是大家認(rèn)知里的網(wǎng)址導(dǎo)航，可以算是個(gè)酷站集合。但是我的這個(gè)愛好太小眾了。基本很早就涼涼了。所以還是要做一些正常一點(diǎn)的導(dǎo)航。

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

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

所以我開始轉(zhuǎn)變思路。（是今年才開竅的，之前因?yàn)橛蛎麤]續(xù)費(fèi)，域名都沒得了，不得不換了個(gè)域名，從頭開始）

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

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

分享者：mmmmmmmmmmmmmmmmmmmf（linux.do）