摘要：用簡單實現(xiàn)知乎日報前言想用構(gòu)建知乎日報原因很簡單，作為一個小白很需要親手做個項目來提升提及以及更加深入了解，也希望這個小項目能給剛學(xué)習(xí)的同學(xué)一點啟發(fā)。
用vue簡單實現(xiàn)知乎日報
前言：
想用vue構(gòu)建知乎日報原因很簡單，作為一個vue小白很需要親手做個項目來提升提及以及更加深入了解vue，也希望這個小項目能給剛學(xué)習(xí)vue的同學(xué)一點啟發(fā)。
準(zhǔn)備工作：
首先要找到知乎日報的api，這里感謝 @izzyleung 總結(jié)的知乎日報api以及說明 因為原來的api不支持跨域嘛，需要自己代理這些api并允許跨域，這里我只代理了8個接口，接口以及參見本項目github的readme。之后再用nginx來反向代理接口。
開發(fā)過程：
項目參考了vue官方提供的參考項目，使用了 vue-router 和 vue-resource 這兩個插件，并且使用了vue-cli 這個腳手架工具來搭建webpack項目。之后就可以正式開發(fā)了，UI我大致模仿了知乎日報安卓客戶端的UI但是沒有實現(xiàn)其全部功能，以后會慢慢完善。對于vue的核心，組件部分，我這里寫了6個組件，分別是導(dǎo)航欄組件、側(cè)邊欄組件、主頁組件、輪播組件、主題列表組件、文章組件，考慮到要模仿客戶端UI，這里組件樣式全是用sass/css寫的。我這里偷懶，響應(yīng)式布局只寫了最外面的container在屏幕寬度大于640px時候?qū)挾日{(diào)整為640px并且水平居中，所以建議在手機或F12手機模式下瀏覽demo，另外由于采用了flex布局，請使用現(xiàn)代瀏覽器。之后就是規(guī)劃路由啦，然后做做簡單的CSS3動畫效果，demo就完工了，之后把demo上傳到我1M帶寬的小水管服務(wù)器上，靜態(tài)文件掛在七牛云上，解決。
（Tips：使用sublime的同學(xué)可以下載vue syntax highlight 這個插件來語法高亮.vue文件，但是，當(dāng)你把
