前端面试题

今天一个漂亮的小姐姐去面试了，回来汇报的面试题，我做了总结：

1.vue中父组件如何向子组件传值？

父传子三个步骤：父组件中定义值、调用子组件并引用、在引用的标签上给子组件传值。

（注意：要用 v-bind: 绑定要传的值，不用v-bind直接把值放到标签上，会被当成html的节点属性解析的）

2.vue中的table里面数据不固定，如何预留位置？（就是动态增加和删除数据后表格的样式问题）

一般我在做隐藏列和显示列这种操作时,为了保证效率,我采用的方式是动态生成style样式表,样式表会包括没一列的样式.这样在每次改变的时候只会修改对应列的样式,然后由浏览器统一渲染.不需要做什么JS对页面DOM的操作（table里的th和td的宽一般是自适应的）

3.vue的计算属性和方法的区别

computed称为计算属性，顾名思义，计算就要返回一个计算的结果，所以，当我们要处理大量的逻辑，但是最后要取得最后的结果的时候可以用computed；

methods：是方法的意思，在js中，我们把一些函数叫做方法，一般情况下，要触发这个方法就要执行，要执行就要有一个源来触发，所以就需要一个事件源。

对比computed 和 methods：

computed计算的结果如果不发生改变就不会触发result这个函数。而methods中一般都是定义的需要事件触发的一些函数。每次只要触发事件，就会执行对应的方法。如果把computed中的方法写到method中会浪费性能。computed必须返回一个值页面绑定的才能取得值，而methods中可以只执行逻辑代码，可以有返回值，也可以没有。

4.双向数据绑定

实现数据绑定的做法有大致如下几种：

发布者-订阅者模式（backbone.js）

脏值检查（angular.js） 

数据劫持（vue.js）

发布者-订阅者模式: 一般通过sub, pub的方式实现数据和视图的绑定监听，更新数据方式通常做法是 vm.set('property', value)，

脏值检查: angular.js 是通过脏值检测的方式比对数据是否有变更，来决定是否更新视图，最简单的方式就是通过 setInterval() 定时轮询检测数据变动，当然Google不会这么low，angular只有在指定的事件触发时进入脏值检测，大致如下：

• DOM事件，譬如用户输入文本，点击按钮等。( ng-click )

• XHR响应事件 ( $http )

• 浏览器Location变更事件 ( $location )

• Timer事件( $timeout , $interval )

• 执行 $digest() 或 $apply()

数据劫持: vue.js 则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。

5.js经常遇到的兼容问题

http://www.jb51.net/article/100373.htm

6.用户提供的数据速度较快，不能一直向后台频繁的发送请求，要如何处理？

这个方法很多：为预防这种情况可以做个防止表单重复提交的拦截