今天一个漂亮的小姐姐去面试了,回来汇报的面试题,我做了总结:
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.用户提供的数据速度较快,不能一直向后台频繁的发送请求,要如何处理?
这个方法很多:为预防这种情况可以做个防止表单重复提交的拦截