正在奔向你的路途之中-面试题

1.双向绑定的原理

当一个Vue实例创建时，Vue会遍历data属性，用 Object.defineProperty 将它们转为 getter/setter并且在内部追踪相关依赖，在属性被访问和修改时通知变化。每个组件实例都有相应的 watcher, 它会在组件渲染的过程中把属性记录为依赖，之后当依赖项的 setter 被调用时，会通知 watcher重新计算，从而使它关联的组件得以更新。
vue中双向绑定是一个指令v-model，是语法糖，默认情况下相于:value和@input。使用v-model可以减少大量繁琐的事件处理代码，提高开发效率，代码可读性也更好，通常在表单项上使用v-model，原生的表单项可以直接使用v-model，自定义组件上如果要使用它需要在组件内绑定value并处理输入事件

2.深拷贝,浅拷贝

深拷贝:把里面的内容一个一个复制出来，开一个新的内存放进去，内存地址不一样，互不影响
浅拷贝:一个发生变化，另一个也会跟着变，他只是指向另外一个地址

3.vue-router 路由传参

1)query方式传参和接收参数 query相当于get请求，页面跳转的时候，可以在地址栏看到请求参数
2)params方式传参和接收参数 params只能用name来引入路由，如果这里写成了path，接收参数页面会是undefined！！！ params相当于post请求，参数不会再地址栏中显示

4.css属性

字体属性：(font) 大小 font-size 样式 font-style 行高 line-height
粗细 font-weight 大小写text-transform
背景属性： (background) 色彩background-color 图片background-image:url()
位置background-position
方框属性： (Box) width:; height:; float:; clear:both; margin:; padding:; 顺序：上右下左
边框属性： (Border) border-style: dotted;(点线) dashed;(虚线) solid; double;(双线) groove;(槽线) ridge;(脊状) inset;(凹陷) outset;
border-width:; 边框宽度 border-color:#;
定位属性： (Position) Position: absolute; relative; static;
visibility: inherit; visible; hidden;
overflow: visible; hidden; scroll; auto;

5.数据交互

1、表单(最简单、基本)

(1)、属性

(a)、action：提交到哪里
(b)、method：提交方式，如：GET；POST；PUT；HEADER；DELETE；自定义
(c)、name：必须加，可以重复
(d)、submit按钮：提交

(2)、方式

GET和POST安全性差不多，https才安全
GET和POST的区别：GET:容量小(32KB级别)、地址栏传输看得见、有缓存；利于分享、收藏
PSOT:容量大(1GB级别)、http-body里传输看不见、无缓存；不利于分享、收藏

(3)校验

jsonp  
jsonp是利用script标签可以进行跨域访问数据的方式，动态的添加script标签利用回调函数完成代码执行的过程，解决跨域访问数据的问题