資訊專欄INFORMATION COLUMN
摘要：異步編程問(wèn)題本項(xiàng)目使用了極速數(shù)據(jù)的，后端的編寫(xiě)也要解決請(qǐng)求數(shù)據(jù)的異步問(wèn)題，實(shí)現(xiàn)異步的方法有回調(diào)?；卣{(diào)層次多了，有回調(diào)地獄問(wèn)題，代碼的重用性可觀性不好需要手動(dòng)執(zhí)行模塊可解決，相比之下，和是比較理想的。屆軟件工程學(xué)生求份前端實(shí)習(xí)工作我的簡(jiǎn)歷
Vue.js寫(xiě)的一個(gè)移動(dòng)端新聞
剛學(xué)Vue，就自己動(dòng)手?jǐn)]了一個(gè)項(xiàng)目，項(xiàng)目可能不成熟，請(qǐng)大家多提意見(jiàn)
源代碼源代碼地址: GitHub
預(yù)覽 在線預(yù)覽在線預(yù)覽地址: Vue新聞
ps: 電腦預(yù)覽請(qǐng)切換到移動(dòng)端,搜索的時(shí)候可能有點(diǎn)慢(API的問(wèn)題)
預(yù)覽圖 技術(shù)棧Vue2：采用最新Vue2的語(yǔ)法
Vuex：狀態(tài)管理，實(shí)現(xiàn)不同組件之間的狀態(tài)共享
vue-router：路由管理，實(shí)現(xiàn)路由的跳轉(zhuǎn)
axios：發(fā)起http請(qǐng)求
Express：處理跨域請(qǐng)求問(wèn)題
Webpack：自動(dòng)化構(gòu)建工具，大部分配置vue-cli腳手架已經(jīng)弄好了，很方便
淘寶flexible：通過(guò)改變font-size,利用rem解決移動(dòng)端適配問(wèn)題
使用 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遇到的問(wèn)題
布局問(wèn)題：在做項(xiàng)目之前，應(yīng)該構(gòu)思好大致的布局結(jié)構(gòu)，各個(gè)組件的結(jié)構(gòu)設(shè)計(jì)與聯(lián)系要想好，本人做這個(gè)項(xiàng)目就是布局出了問(wèn)題，導(dǎo)致后面要修改一大堆的東西，這個(gè) 項(xiàng)目也是重做了兩次。
異步編程問(wèn)題：本項(xiàng)目使用了極速數(shù)據(jù)的API，后端的API編寫(xiě)也要解決請(qǐng)求數(shù)據(jù)的異步問(wèn)題，JS實(shí)現(xiàn)異步的方法有回調(diào)、Generator、Promise、Async。
回調(diào)層次多了，有回調(diào)地獄問(wèn)題，代碼的重用性、可觀性不好；Generator需要手動(dòng)執(zhí)行（co模塊可解決），相比之下，Promise和Async是比較理想的。
組件之間通信問(wèn)題: 父組件可以通過(guò)props屬性給子組件通信，子組件通過(guò)監(jiān)聽(tīng)、觸發(fā)事件向父組件通信，那兄弟組件呢？Vue2.0有eventBus解決這個(gè)問(wèn)題，但是本人 還是特別喜歡用vuex，vuex將狀態(tài)集中管理，真是太方便了
總結(jié)Vue.js真是太輕巧了，數(shù)據(jù)驅(qū)動(dòng)使代碼更加的簡(jiǎn)練，vue-router免去了傳統(tǒng)前端跳轉(zhuǎn)頁(yè)面帶來(lái)的頁(yè)面的全部刷新，組件系統(tǒng)讓我們可以用獨(dú)立可復(fù)用的小組件來(lái)構(gòu)建大型應(yīng)用。
ps:18屆軟件工程學(xué)生求份前端實(shí)習(xí)工作 我的簡(jiǎn)歷
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/83493.html
摘要：全球首個(gè)使用和開(kāi)發(fā)的原生應(yīng)用那就是官方出了一個(gè)，是一個(gè)完整的使用的例子，并且用到了和服務(wù)端渲染。項(xiàng)目介紹和文章目錄配置開(kāi)發(fā)環(huán)境編寫(xiě)?yīng)毩㈨?yè)面使用框架的特性使用平臺(tái)的功能使用使用完整項(xiàng)目目錄詳解 背景介紹 Weex 和 Vue 已經(jīng)互相支持，這也不是新聞了（如果你覺(jué)得是新聞，自行在網(wǎng)上搜相關(guān)信息……），Vue.js 也因此具備了開(kāi)發(fā)原生應(yīng)用的能力。 Vue 官方倉(cāng)庫(kù)中包含了適配 Weex ...
摘要：云新聞云新聞收藏的使用需要注意的地方提交的是，而不是直接的狀態(tài)變更可以包含任意異步操作。的使用利用實(shí)現(xiàn)了簡(jiǎn)單的聊天功能，在同一個(gè)服務(wù)器下。 title: Socket.io+vue打造新聞社區(qū)date: 2017-06-12 20:19:05 tags: [vue.js,javascript,socket.io] vue2.0 + socket.io打造一個(gè)DIY新聞社區(qū)（web第一...
閱讀 1171·2023-04-26 02:56
閱讀 24953·2021-11-23 09:51
閱讀 2059·2021-09-26 10:14
閱讀 3160·2019-08-29 13:09
閱讀 2289·2019-08-26 13:29
閱讀 715·2019-08-26 12:02
閱讀 3715·2019-08-26 10:42
閱讀 3147·2019-08-23 18:18
