Vue-resource和後端做資料互動（ajax通訊），vue-router做前端路由，webpack工具編譯我們的程式碼變成可以讓瀏覽器識別的程式碼，實現單頁應用，收藏商家利用html5的localStorage儲存在瀏覽器端
Npm install –g vue-cli安裝vue-cli命令。
Vue
Vue list
Vue init webpack sell 專案名稱就叫sell
Ls 命令看到當前專案目錄
Cd sell進入指定目錄
Ll –a看到當前目錄結構
Sticky footer css佈局，面試常考。
Vue裡面props傳的值是array或者object時，defaut需要是一個函式。
selectFoods: {
type: Array,
default() {
return []
}複製程式碼
if (!this.food.count) {
// this.food.count = 1 vue特性，在新增一個不存在的欄位的時候，我們直接去賦值是不可以的，
//它的defineProperty是觀測不到屬性變化的，所以在新增或者刪除改變監聽到屬性變化的時候，需要用到vue.set，最終能通知到dom發生變化
Vue.set(this.food, 'count', 1)
} else {
this.food.count++
}複製程式碼.el.getBoundingClientRect(); //獲得這個元素相對於視口的位置，rect獲得left和top兩個元素相對於視口的偏移
/* eslint-disable no-unused-vars */
let rf = el.offsetHeight
// 加上上面那些註釋程式就不會報已定義屬但未使用這個錯誤
.image-header {
position: relative;
width: 100%;
height: 0;
padding-top: 100%;
img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
// 給height設定為0，padding-top設定為100%，這個值的計算是相對於這個盒子的寬度（width： 100%）
// 去計算的百分比，所以padding-top設定的百分百相當於上下的padding值和width是一致的，
// 所以這個盒子看起來就是寬高相等的容器。這樣這個圖片正好放在頂部。寬高一樣。
複製程式碼
Window.location.search拿到的是url中的查詢部分
"./"：代表目前所在的目錄。
" . ./"代表上一層目錄。
"/"：代表根目錄。
- 開發環境：專案尚且在編碼階段，我們的程式碼一般在開發環境中 不會在生產環境中，生產環境組成：作業系統 ，web伺服器 ，語言環境。 php 。 資料庫 。 等等
- 測試環境：專案完成測試，修改bug階段
- 生產環境：專案資料前端後臺已經跑通，部署在阿里雲上之後，有客戶使用，訪問，就是網站正式執行了
http server就是web
server,或者說網頁伺服器，網站伺服器。常用的web server有iis,apache等；
HTTP SERVER就是人們最常使用的網站伺服器。因為在上網的時候都是使用HTTP協議進行傳輸；
HTTP協議中文名稱為超文字傳輸協議，它可以傳輸WWW服務的網頁資訊，而且是明文傳輸的。