项目总结：快餐店POS收银系统
在簡(jiǎn)歷的項(xiàng)目經(jīng)歷上寫：
快餐店收銀pos平臺(tái)開發(fā)
1.使用mockplus做出應(yīng)用框線圖，然后利用VueRouter+VueCLI3.0和elementUI框架以及iconfont進(jìn)行頁面、功能開發(fā)，利用axios獲取后臺(tái)數(shù)據(jù)，數(shù)據(jù)是自己通過yapi平臺(tái)進(jìn)行模擬數(shù)據(jù)。
2 主要內(nèi)容：
（1）訂單模塊：包括增加刪除單品的數(shù)量、計(jì)算總數(shù)量，總金額，以及刪除訂單和結(jié)賬按鈕。
（2）熱賣商品模塊：塊級(jí)顯示熱賣商品以及價(jià)格，點(diǎn)擊可加入訂單
（3）分類商品模塊：分類顯示主食、小食、飲品、套餐，以圖片文字顯示，點(diǎn)擊可加入訂單
?
?
=================================================================================================
面試聊這玩意：
1 為啥要用這個(gè)框架：
輕量級(jí)應(yīng)用，組件化開發(fā)
2 解決了哪些問題 遇到了哪些問題 怎么解決的 自己是什么項(xiàng)目
遇到的問題以及解決方案
【1】獲取后臺(tái)數(shù)據(jù)
我把食品名字 id 價(jià)格都模擬數(shù)據(jù)寫在了yapi平臺(tái)作為接口，原來用過easy-mock，但是那個(gè)網(wǎng)站經(jīng)常崩潰，然后在pos.vue里引入axios在created周期進(jìn)行數(shù)據(jù)調(diào)用，在頁面的li上v-for（item in foodList）? 插值引入{{item.goodName}}
【2】我在使用elementUI創(chuàng)建柵格布局時(shí)想要增加他的高度，如通過css樣式來太麻煩了，直接通過js的方式設(shè)置他的height
?這個(gè)在mounted的生命周期? ?
?var?orderHight?=?document.body.clientHeight;
????document.getElementById("order-list").style.height?=?orderHight?+?"px";
【3】點(diǎn)擊餐品 訂單就會(huì)出現(xiàn)相應(yīng)
在訂單的表格里設(shè)置data的動(dòng)態(tài)綁定，tableData，然后利用elementUI的傳值prop屬性設(shè)置訂單的各個(gè)屬性名，同時(shí)給餐品的也附上相同屬性名，添加進(jìn)訂單時(shí)先判斷是否已經(jīng)存在相同名字產(chǎn)品? 有的話數(shù)量+1；沒有的話創(chuàng)建一個(gè)新的數(shù)組，傳入相同的屬性名的對(duì)象，然后this。tableData。push（this。newData）
【4】計(jì)算總價(jià)
首先是先初始化，然后計(jì)算num*price
=========================================================================================
通過這個(gè)項(xiàng)目學(xué)到了啥
1 箭頭函數(shù)的使用和優(yōu)點(diǎn)
（1）簡(jiǎn)潔（2）箭頭函數(shù)沒有prototype(原型)，所以箭頭函數(shù)本身沒有this
箭頭函數(shù)的this指向定義時(shí)所在的外層第一個(gè)普通函數(shù)，跟使用位置沒有關(guān)系。被繼承的普通函數(shù)的this指向改變，箭頭函數(shù)的this指向會(huì)跟著改變
箭頭函數(shù)外層沒有普通函數(shù)，嚴(yán)格模式和非嚴(yán)格模式下它的this都會(huì)指向window(全局對(duì)象)
?（2）elementUI庫(kù)的使用
（3）Vuecli3 以及axios的簡(jiǎn)單應(yīng)用
====================================================================
項(xiàng)目的不足 改進(jìn)
1 沒有實(shí)現(xiàn)響應(yīng)式頁面===》勾引他問你怎么做響應(yīng)式
2 頁面不夠復(fù)雜? 組件少 不夠美觀
改善css? 添加功能
===================================================================
項(xiàng)目總結(jié)
初衷：充分運(yùn)用所學(xué)知識(shí)，完成實(shí)際有價(jià)值的小項(xiàng)目，訓(xùn)練自己的業(yè)務(wù)邏輯和編碼規(guī)范
實(shí)現(xiàn)：確實(shí)運(yùn)用很多自己的知識(shí)，學(xué)到了新知識(shí)
cli3和cli2構(gòu)造的有所區(qū)別
【有什么區(qū)別】
優(yōu)化方面：
擴(kuò)展性：
還想要探索什么新技術(shù)
總結(jié)
以上是生活随笔為你收集整理的项目总结：快餐店POS收银系统的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
