1.Vue数据双向绑定原理
实现:
• 基于ES5的Object.defindProperty()方法的getter和setter;当数据发生变化时执行getter/setter;结合发布者-订阅者模式,通知订阅者数据变化,并执行相应的回调函数。
• 需要实现的基本类:观察者(监听数据变化、通知订阅器)、订阅者(更新视图)、订阅器(管理订阅者、通知订阅者)。
Object.defindProperty():
• 对象的定义属性函数,用来增加对象的属性或修改对象的属性值。
• 该函数有三个参数Object.defindProperty(object,propertyname,descriptor);(object 必需。 要在其上添加或修改属性的对象。 这可能是一个本机 JavaScript对象(即用户定义的对象或内置对象)或 DOM 对象。 propertyname 必需。 一个包含属性名称的字符串。 descriptor 必需。 属性描述符。 它可以针对数据属性或访问器属性。)
观察者类重要代码
function defindReactive(obj,key,value){
let dep = new Dep();//实例化一个订阅器类
Object.defindProperty(obj,key{
get:function(){ //订阅者的get()触发
if(Dep.target){
dep.addSub(Dep.target);//向订阅器添加订阅者watcher
}
return value;
}
set:function(newValue){
if(value === newValue) return;
value = newValue;
dep.notify();//执行订阅器的通知方法,通知每个watcher更新
}
})
}
总结:
• 实例化一个Vue时,通过Object.defindProperty()劫持每一个data数据,为每个数据属性实例化一个订阅器(Dependency);
• 编译页面时,为每一个绑定数据(message)的节点添加一个订阅者(Watcher),即v-model="message"、v-text="message"、{{message}}等,将这些绑定同一数据的节点的订阅者添加到订阅器中进行统一管理;
• 在编译的时候为input添加一个事件监听addEventListener,当input输入值发生改变时,触发setter,在setter内调用Dep的notify()方法,循环调用每一个Watcher的update更新视图(执行回调函数)
2.讲一下原型链
原型对象:①所有函数对象都有prototype属性,这个属性指向函数的原型对象。(通过new Function()创建的是函数对象,其他是普通对象)
②所有的对象都有proto属性,这个属性也指向原型对象。
构造函数、实例与原型对象的关系:

function Person(){}
var person = new Person();
console.log(Person.prototype == person._proto_);//true
console.log(Person.prototype.constructor == Person);//true
Person.prototype.name = "Janne";
console.log(person.name);//Janne
原型用法:输出实例的属性时,如果实例没有该属性,就会向实例的原型对象去找这个属性,若也没有继续沿着原型链找,直到最高层。
原型链:原型对象的proto属性指向Object.prototype;proto指向形成原型链。Object.protype的原型为null。

3.给所有的数组挂载一个方法 应该怎么添加
4.讲一下各种排序
1)冒泡排序
思想:对整个数列进行两两比较,大(小)的元素放在数列后面;第一趟选出最大(小)元素放在数列后面,第趟只需比较前面无序的,以此类推。
代码:
function bubbleSort(arr){
for(let i=0;i<arr.length;i++){
for(let j=0;j<arr.length-1-i;j++){
if(arr[j]>arr[j+1]){
let temp = arr[j];
arr[j] = arr[j+1];
arr[j+1] = temp;
}
}
}
return arr;
}
2)选择排序
思想:在未排序序列中找出最小(大)值,放在序列起始位置;再从剩余未排序序列中找出最小(大)值放在已排序序列末尾;以此类推。
代码:
function selectSort(arr){
let minIndex;//记录最小
for(let i=0;i<arr.length-1;i++){
minIndex = i;
for(let j=i+1;j<arr.length;j++){
if(arr[j]<arr[minIndex]){
minIndex = j;
}
}
let temp = arr[i];
arr[i] = arr[minIndex];
arr[minIndex] = temp;
}
return arr;
}
3)插入排序
思想:开始把序列第一位元素当为有序序列,后面的为无序序列;无序序列的第一位与有序序列的元素从后往前比较,如有序元素比无序元素大,则后移,直到把无序元素插到合适位置;以此类推。
代码:
function insertionSort(arr){
for(let i=1;i<arr.length;i++){
let key = arr[i];
let j = i-1;
while(j>=0 && arr[j]>key){//如已排序的元素大于新元素,则后移
arr[j+1] = arr[j];
j--;
}
arr[j+1] = key;//当已排序元素小于新元素,新元素插入arr[j]位置,但是在前面循环里最后j--,所以j+1
}
return arr;
}
5.虚拟DOM的优势
6.MVVM框架的优势
7.网络七层模型
8.网络层
9.http 的 get 和 post 区别
10.mvvm 模型和 mvc 模型区别