成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Vue.js寫一個移動端新聞

dreamans / 2486人閱讀

摘要:異步編程問題本項目使用了極速數據的,后端的編寫也要解決請求數據的異步問題,實現(xiàn)異步的方法有回調。回調層次多了,有回調地獄問題,代碼的重用性可觀性不好需要手動執(zhí)行模塊可解決,相比之下,和是比較理想的。屆軟件工程學生求份前端實習工作我的簡歷

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

剛學Vue,就自己動手擼了一個項目,項目可能不成熟,請大家多提意見

源代碼

源代碼地址: GitHub

預覽 在線預覽

在線預覽地址: Vue新聞

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

預覽圖

技術棧

Vue2:采用最新Vue2的語法

Vuex:狀態(tài)管理,實現(xiàn)不同組件之間的狀態(tài)共享

vue-router:路由管理,實現(xiàn)路由的跳轉

axios:發(fā)起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
遇到的問題

布局問題:在做項目之前,應該構思好大致的布局結構,各個組件的結構設計與聯(lián)系要想好,本人做這個項目就是布局出了問題,導致后面要修改一大堆的東西,這個 項目也是重做了兩次。

異步編程問題:本項目使用了極速數據的API,后端的API編寫也要解決請求數據的異步問題,JS實現(xiàn)異步的方法有回調Generator、PromiseAsync
回調層次多了,有回調地獄問題,代碼的重用性、可觀性不好;Generator需要手動執(zhí)行(co模塊可解決),相比之下,PromiseAsync是比較理想的。

組件之間通信問題: 父組件可以通過props屬性給子組件通信,子組件通過監(jiān)聽、觸發(fā)事件向父組件通信,那兄弟組件呢?Vue2.0有eventBus解決這個問題,但是本人 還是特別喜歡用vuex,vuex將狀態(tài)集中管理,真是太方便了

總結

Vue.js真是太輕巧了,數據驅動使代碼更加的簡練,vue-router免去了傳統(tǒng)前端跳轉頁面帶來的頁面的全部刷新,組件系統(tǒng)讓我們可以用獨立可復用的小組件來構建大型應用。

ps:18屆軟件工程學生求份前端實習工作 我的簡歷

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉載請注明本文地址:http://systransis.cn/yun/83493.html

相關文章

  • [使用 Weex 和 Vue 開發(fā)原生應用] 0 項目介紹和文章目錄

    摘要:全球首個使用和開發(fā)的原生應用那就是官方出了一個,是一個完整的使用的例子,并且用到了和服務端渲染。項目介紹和文章目錄配置開發(fā)環(huán)境編寫獨立頁面使用框架的特性使用平臺的功能使用使用完整項目目錄詳解 背景介紹 Weex 和 Vue 已經互相支持,這也不是新聞了(如果你覺得是新聞,自行在網上搜相關信息……),Vue.js 也因此具備了開發(fā)原生應用的能力。 Vue 官方倉庫中包含了適配 Weex ...

    DevWiki 評論0 收藏0
  • vue.js+socket.io打造一個好玩的新聞社區(qū)

    摘要:云新聞云新聞收藏的使用需要注意的地方提交的是,而不是直接的狀態(tài)變更可以包含任意異步操作。的使用利用實現(xiàn)了簡單的聊天功能,在同一個服務器下。 title: Socket.io+vue打造新聞社區(qū)date: 2017-06-12 20:19:05 tags: [vue.js,javascript,socket.io] vue2.0 + socket.io打造一個DIY新聞社區(qū)(web第一...

    xiguadada 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<