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服务的网页信息，而且是明文传输的。