面试 - 速刷面试题 - 知识深度

如何检测JS内存泄漏？JS内存泄露场景有哪些？
垃圾回收GC：引用计数算法、标记清除。
引用计数👇有个问题：循环引用。

标记清除👇现代JS引擎使用的方法：

❗闭包内的数据是常驻内存的，不会被销毁。
内存泄漏：是指程序中已经不再需要的对象无法被垃圾回收器释放，导致内存占用越来越多，进而可能导致性能下降甚至崩溃。
内存泄漏是一种非预期情况，就是我们希望它被回收但是没有被回收。闭包是预期情况，我们用了闭包就不太指望数据被销毁，它是合理的情况。只是说闭包数据不可以被垃圾回收的。
内存泄漏的场景

意外的全局变量、全局事件、定时器未清除...
弱引用 WeakMap
WeakMap的key只能是引用类型（对象、数组）。
WeakSet也是弱引用。
浏览器和 nodejs 的事件循环有什么区别？
知识回顾：

演示：

👆很好说明了微任务在页面渲染之前触发，宏任务在页面渲染之后触发。
宏任务：setTimeout setInterval...
微任务：Promise的.then process.nextTick

先执行同步代码，遇到异步API或函数比如setTimeout，会把它们（立马）放到宏任务队列中，遇到Promise.then就放入微任务队列中。除非遇见Ajax或者setTimeout设置了时间，就会到了触发时间之后再将其放入宏任务队列中。

nodejs的事件循环宏任务和微任务有优先级
process.nextTick优先级最高。

虚拟DOM(vdom)真的很快吗？
原来jQuery时代要手动一个一个去操作DOM元素，

价值：组件化、数据驱动试图、只关注业务数据不再关心DOM操作。

data变化 2. vnode diff算法 3. 更新DOM
总结：

遍历一个数组，forEach和for哪个更快？
复杂度都是O(n),这是一道JS原理题。
答案：for比forEach快。 forEach每次都要初始化一个函数。

越低级的代码，性能往往更好。日常开发别只考虑性能，forEach代码可读性更好。 回顾一下循环和递归，循环不会每次创建函数但是递归会。
requestIdleCallback和requestAnimationFrame区别
Vue的每个生命周期做了什么？

created：

beforeMount：👌回顾一下Vue生成组件的过程、模版编译...

mounted：

beforUpdate：

updated：

beforUnmount/beforeDestroy:

Unmounted/Destroyed:

keep-alive组件的activated和deactivated:

连环问

Vue什么时候操作DOM比较合适？
Ajax应该放在那个生命周期？
created到mounteed的时间非常快，毫秒级

连环问：
Vue2和Vue3的diff算法区别？
回顾一下diff算法：

Vue2：双端比较，四个指针相互比较，oldStart分别和newStart、newEnd比较；oldEnd和newStart、newEnd比较。
Vue3：最长递增子序列，

key是给每一个vnode的唯一id，也是diff的一种优化策略，可以根据key，更准确，更快的找到对应的vnode节点。
Vue-router的 MemoryHistory是什么(abstract)?

复习一下：Vue-router的模式：

Hash模式
URL例子：http://example.com/#/home
#：叫做“锚点”or“hash”，后面跟着的部分就是用来做路由的，浏览器不会把#后面的内容传给服务器。
History模式
URL例子： http://example.com/home
这个模式用的是HTML5的History API，主要方法是pushState和replaceState。允许你修改浏览器的历史记录并且更新URL而不引起页面重新加载。关键是它们不会刷新页面。

pushState
replaceState

Abstract模式（极少用）
完全不依赖浏览器的模式，不会操控浏览器的URL，而是靠内存来模拟路由。一般用在非浏览器环境，比如跑在Node.js服务器上的应用。

补一个被sf一面问到的问题：动态更新路由

addRoutes(Vue2中）
使用场景：权限控制，比如用户登录根据他们的权限来动态添加不同的路由。管理员可以访问后台管理界面但普通用户看不到这些路由。异步加载路由，比如从服务器拉取用户角色后动态生成相应的路由。
addRoute（Vue3中）
改进：可以逐个添加路由，不像Vue2那样只能一次性加多个。
基于 meta 字段的动态路由权限控制
有时候你不需要完全动态生成路由表，但你可以通过路由的 meta 字段来做权限控制。根据用户权限，决定是否让某些路由可访问。如果只是权限控制，用 meta 配合路由守卫已经够了。