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