項目地址：點擊
預(yù)覽地址：點擊
api地址：點擊
爬蟲地址：點擊
技術(shù)棧：vue + vue-router + vuex + webpack + axios + less + flex + express + nodejs + mysql + localStorage
這個項目很早以前就開始寫了圆仔，算是用vue寫的第一個項目，應(yīng)該比較符合新手學(xué)習(xí)蔫劣。所以代碼還是有不少問題坪郭，但是應(yīng)該很符合vue入門使用者的寫法，比如直接修改state：this.$store.state.xx = xx脉幢。
最開始是用jQuery寫了閱讀器部分歪沃，后來為了學(xué)習(xí)，就嘗試用vue重構(gòu)嫌松，學(xué)習(xí)了整個vue技術(shù)棧沪曙。
后來想想閱讀器寫好了，沒有書可不行萎羔，想想應(yīng)該用爬蟲爬點數(shù)據(jù)液走，于是各種查找node爬蟲的資料，寫了不少爬蟲贾陷。
數(shù)據(jù)有了缘眶，接下來該構(gòu)建api了，谷歌了一下發(fā)現(xiàn)用express好像不錯髓废，于是又學(xué)習(xí)了express部分巷懈，構(gòu)建了所需的api。
有的同學(xué)剛開始學(xué)習(xí)vue的時候可能有點茫然慌洪，不光是vue本身的用法顶燕、api、組件等等蒋譬，查資料后發(fā)現(xiàn)還有vue-router割岛、vuex等等需要學(xué)習(xí)。
本項目就是那個階段寫的第一個比較完善的vue項目犯助，現(xiàn)在才拿出來是因為中間有不少事耽擱了癣漆，如果你想看代碼，可能會發(fā)現(xiàn)不少地方跟自己寫得很像剂买，一共只有四個路由惠爽，夠簡單吧癌蓖，但是用到的東西在其他復(fù)雜應(yīng)用中也是必需的，仔細想想其實vue也就那么點東西婚肆，多寫就容易了租副。
vue-router方面，常用的內(nèi)容基本都用到了较性，比如
動態(tài)路由用僧、編程式導(dǎo)航、命名路由赞咙、重定向责循、數(shù)據(jù)獲取時的loading、懶加載等等攀操。
vuex采用分離的寫法院仿，state、mutation速和、action分開寫歹垫，方便維護。
另外本項目中還寫了一些可直接遷移使用的組件颠放、比如loading組件排惨、左右彈出層的背景陰影組件。
（另外我想說這一套下來算不算半個偽全棧2333慈迈？）
最后上點項目截圖
PS：界面是抄起點的
