vue實現餓了麼外賣系統(完整開發流程)

2021-08-20 15:13:06 字數 1152 閱讀 1137

1.掌握vue.js專案在實戰中的用

2.學會使用vue.js

3.元件化、模組化的開發方式

1.vue-cli

2.axiox ajax通訊、vue-resource(更新後不支援) 推薦axios

3.webpack構建工具

4.mock.ls模擬資料

5.es6 eslint**風格工具(看個人需求,也可以用es5寫)

1.標準開發流程,做事的方式

2. 工程化、元件化、模組化的思想

3. 移動端開發常用小技巧

4. flex彈性布局

5. 互動設計

多方面因素:

一、技術方面:

1.社群(是否成熟/活躍)、有問題可以找到解決方案;

2.開源框架的其他方面(文件更新是及時、框架輕量級)

二、人才方面:

1. 對於新技術,開發人員上手成本

vue: 上手成本低,語法清晰,template模板,借鑑react虛擬dom思想、angular設計模式,資料繫結,且對細膩dom進行了優化

react:有自己及獨特的語法==》jss語法,將html、css都寫到js裡面,學習成本相對較大

angular:後端人員寫出的,借鑑後端的思想。需要懂後台語言。

2.團隊技術積累:

如果團隊其他人員都在用傳統的開發工具,,你卻用新框架,出現問題後沒有其他人不能一起解決,新技術可以用,但是不能耽誤最後發版影響進度。

對於公司來說,上線的專案使用的技術不一定要最新最潮,但一定是最穩當的

1.資料驅動: 寫vue時,一定不要有操作dom的**出現,dom的渲染、顯示、隱藏,均由資料的狀態控制;

2.元件化:擴充套件html元素,封裝可重複用的乙個**,和之前寫的彈窗元件。翻頁元件等類似

tips:

搭建專案框架:vue-cli

腳手架:幫你減少 為減少重複性工作而做的重複性工作 的工具

比如寫gulp指令碼本是為了減少重複性工作,但每次寫專案都要寫gulp指令碼,且內容大同小異,而腳手架就是為了減少重複寫gulp指令碼

餓了麼 餓百 美團 外賣訂單API

美團 查詢訂單列表 美團拉取訂單列表 function sign data secret url,else urls url ltrim s secret 簽名 sig md5 urls temp url ltrim s sig sig return temp url data timestamp ...

Vue 實戰 餓了麼 (一)

一 mount 手動掛載 當vue例項沒有el屬性時,則該例項尚沒有掛載到某個dom中 假如需要延遲掛載,可以在之後手動呼叫vm.mount 方法來掛載。new vue render function x 二 mock資料 如果後端介面尚未開發完成,前端開發一般使用mock資料。注意 新版的vue ...

vue的餓了麼寫作感受

1.在重複使用的元件中,要把重複使用元件的需要在資料的請求的地方設定為在富元件中,通過props船隻到子元件,這樣在重複呼叫次元件的時候既可以很好的避免元件的值的衝突 2.getdata的使用,把所有的axios請求都在getdata中使用,然後在請求的action中進行引入然後進行資料的處理 mu...