Vue.js寫一個移動端新聞

Vue.js寫的一個移動端新聞

剛學Vue，就本身動手擼了一個項目，項目可能不成熟，請你們多提意見

源代碼

源代碼地址: GitHub

預覽

在線預覽

在線預覽地址: Vue新聞

ps: 電腦預覽請切換到移動端,搜索的時候可能有點慢(API的問題)

預覽圖

技術棧

Vue2：採用最新Vue2的語法

Vuex：狀態管理，實現不一樣組件之間的狀態共享

vue-router：路由管理，實現路由的跳轉

axios：發起http請求

Express：處理跨域請求問題

Webpack：自動化構建工具，大部分配置vue-cli腳手架已經弄好了，很方便

淘寶flexible：經過改變font-size,利用rem解決移動端適配問題

使用 Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

遇到的問題

• 佈局問題：在作項目以前，應該構思好大體的佈局結構，各個組件的結構設計與聯繫要想好，本人作這個項目就是佈局出了問題，致使後面要修改一大堆的東西，這個 項目也是重作了兩次。

• 異步編程問題：本項目使用了極速數據的API，後端的API編寫也要解決請求數據的異步問題，JS實現異步的方法有回調、Generator、Promise、Async。
  回調層次多了，有回調地獄問題，代碼的重用性、可觀性很差；Generator須要手動執行（co模塊可解決），相比之下，Promise和Async是比較理想的。

• 組件之間通訊問題: 父組件能夠經過props屬性給子組件通訊，子組件經過監聽、觸發事件向父組件通訊，那兄弟組件呢？Vue2.0有eventBus解決這個問題，可是本人 仍是特別喜歡用vuex，vuex將狀態集中管理，真是太方便了

總結

Vue.js真是過輕巧了，數據驅動使代碼更加的簡練，vue-router免去了傳統前端跳轉頁面帶來的頁面的所有刷新，組件系統讓咱們能夠用獨立可複用的小組件來構建大型應用。

ps:18屆軟件工程學生求份前端實習工做 個人簡歷