1.什么是函数柯里化?
是把接受多个参数的函数变换成接受一个单一参数的函数,是典型的闭包函数
2.call、apply、bind区别?
相同点:
作用一致、都是修改this的指向。
不同点:
(1)传参方式不同,call()是按照顺序传参,apply()是通过数组/伪数组传参。
(2)执行机制不同,call()和apply()是立即执行函数,bind()不会立即执行函数,而是会返回一个修改过this的新函数。
call(修改后的this,形参1,形参2...)
apply(修改后的this,数组/伪数组)
bind(修改后的this) bind不会立即执行函数,而是返回一个修改之后的函数。
3.说说Event Loop.
首先js是单线程,js执行程序的过程中有优先级之分,会先执行js线程的同步任务,然后再执行微任务(promise.then
,process.nextTick
、Object.observe
、MutationObserver
),最后执行宏任务script
、setTimeOut
、setInterval
、setImmediate
经典例子:
setTimeout(function(){
console.log('1')
});
new Promise(function(resolve){
console.log('2');
resolve();
}).then(function(){
console.log('3')
});
console.log('4');
new Promise(function(resolve){
console.log('5');
resolve();
}).then(function(){
console.log('6')
});
setTimeout(function(){
console.log('7')
});
function bar(){
console.log('8')
foo()
}
function foo(){
console.log('9')
}
console.log('10')
bar()
- 最终结果:2,4,5,10,8,9,3,6,1,7
vue响应式原理?(双向绑定原理)
响应式原理:采用数据劫持结合发布-订阅者模式的方式,通过Object.defineProperty()来劫持data里面各个属性的setter和getter,在数据变动的时候,触发set方法,检测到数据发生变化,会发布消息给订阅者,触发相应的监听回调,生成新的虚拟DOM树,视图更新。
性能优化方法?是否在项目中应用过一些优化方法?
说到性能优化,宏观上目前基本都被webpack 打包工具解决了,当我们使用webpack5的版本后,基本是开箱机带的功能,比如压缩js,和css,图片压缩,CDN=加速,按需加载。
项目中主要运用到的优化,主要有用性能优化api的意识,比如项目运用到的keep-alive缓存页面,增加访问速度,使用场景:A页面跳转B页面,需要纪录页面滚动的当前位置,某个页面具有多元素的页面,比如详情页面;节流防抖也算是性能优化,减少重绘和重徘,
这时面试官一般会问你会写节流防抖吗,什么是重绘和重徘:
- 回流
- render树中一部分或全部元素需要改变尺寸、布局、或着需要隐藏而需要重新构建,这个过程叫做回流
- 回流必将引起重绘
- 重绘
- render树中一部分元素改变,而不影响布局的,只影响外观的,比如颜色。该过程叫做重绘
- 页面至少经历一次回流和重绘(第一次加载的时候)
判断对象为空的方法有?
JSON.stringfy(obj) === '{}'
object.keys(obj).length === 0