前端每日一题（10.22题目+10.21答案）

前端猎手

哈喽，大家好

我是法医

快来和法医一起看看

今天的前端每日一题吧

10月22日~面试题：

10月21日~参考答案：

nextTick 的作用是什么？它的实现原理是什么？

参考答案： 作用：vue 更新 DOM 是异步更新的，数据变化，DOM 的更新不会马上完成，nextTick 的回调是在下次 DOM 更新循环结束之后执行的延迟回调。 实现原理：nextTick 主要使用了宏任务和微任务。根据执行环境分别尝试采用

• Promise：可以将函数延迟到当前函数调用栈最末端
• MutationObserver ：是 H5 新加的一个功能，其功能是监听 DOM 节点的变动，在所有 DOM 变动完成后，执行回调函数
• setImmediate：用于中断长时间运行的操作，并在浏览器完成其他操作（如事件和显示更新）后立即运行回调函数
• 如果以上都不行则采用 setTimeout 把函数延迟到 DOM 更新之后再使用

原因是宏任务消耗大于微任务，优先使用微任务，最后使用消耗最大的宏任务。

每天都会有一道面试题，大家的积极参与和讨论，是我继续下去的动力，希望大家踊跃互动，共同进步！保持学习，每天进步一点点！

大家可以将自己的想法在评论区留言，答案我会在明天每日一题中公布！