在簡歷的項目經歷上寫：

快餐店收銀pos平臺開發

1.使用mockplus做出應用框線圖，然后利用VueRouter+VueCLI3.0和elementUI框架以及iconfont進行頁面、功能開發，利用axios獲取后臺數據，數據是自己通過yapi平臺進行模擬數據。

2 主要內容：

（1）訂單模塊：包括增加刪除單品的數量、計算總數量，總金額，以及刪除訂單和結賬按鈕。

（2）熱賣商品模塊：塊級顯示熱賣商品以及價格，點擊可加入訂單

（3）分類商品模塊：分類顯示主食、小食、飲品、套餐，以圖片文字顯示，點擊可加入訂單

?

?

=================================================================================================

面試聊這玩意：

1 為啥要用這個框架：

輕量級應用，組件化開發

2 解決了哪些問題 遇到了哪些問題 怎么解決的 自己是什么項目

遇到的問題以及解決方案

【1】獲取后臺數據

我把食品名字 id 價格都模擬數據寫在了yapi平臺作為接口，原來用過easy-mock，但是那個網站經常崩潰，然后在pos.vue里引入axios在created周期進行數據調用，在頁面的li上v-for（item in foodList）? 插值引入{{item.goodName}}

【2】我在使用elementUI創建柵格布局時想要增加他的高度，如通過css樣式來太麻煩了，直接通過js的方式設置他的height

?這個在mounted的生命周期? ?

?var?orderHight?=?document.body.clientHeight;

????document.getElementById("order-list").style.height?=?orderHight?+?"px";

【3】點擊餐品 訂單就會出現相應

在訂單的表格里設置data的動態綁定，tableData，然后利用elementUI的傳值prop屬性設置訂單的各個屬性名，同時給餐品的也附上相同屬性名，添加進訂單時先判斷是否已經存在相同名字產品? 有的話數量+1；沒有的話創建一個新的數組，傳入相同的屬性名的對象，然后this。tableData。push（this。newData）

【4】計算總價

首先是先初始化，然后計算num*price

=========================================================================================

通過這個項目學到了啥

1 箭頭函數的使用和優點

（1）簡潔（2）箭頭函數沒有prototype(原型)，所以箭頭函數本身沒有this

箭頭函數的this指向定義時所在的外層第一個普通函數，跟使用位置沒有關系。被繼承的普通函數的this指向改變，箭頭函數的this指向會跟著改變

箭頭函數外層沒有普通函數，嚴格模式和非嚴格模式下它的this都會指向window(全局對象)

?（2）elementUI庫的使用

（3）Vuecli3 以及axios的簡單應用

====================================================================

項目的不足 改進

1 沒有實現響應式頁面===》勾引他問你怎么做響應式

2 頁面不夠復雜? 組件少 不夠美觀

改善css? 添加功能

===================================================================

項目總結

初衷：充分運用所學知識，完成實際有價值的小項目，訓練自己的業務邏輯和編碼規范

實現：確實運用很多自己的知識，學到了新知識

cli3和cli2構造的有所區別

【有什么區別】

優化方面：

擴展性：

還想要探索什么新技術

總結

以上是生活随笔為你收集整理的项目总结：快餐店POS收银系统的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。