在簡歷的項(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）簡潔（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庫的使用

（3）Vuecli3 以及axios的簡單應(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收银系统的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。