东营兴通建设工程公司网站,网站正在建设 敬请期待,wordpress多梦,wordpress 评论 姓名1、什么是内存泄漏#xff1f;
内存泄漏是前端开发中的一个常见问题#xff0c;可能导致项目变得缓慢、不稳定甚至崩溃。内存泄漏是指不再用到的内存没有及时被释放#xff0c;从而造成内存上的浪费。 2、 JavaScript 垃圾回收机制
1#xff09; 原理#xff1a; JavaS…1、什么是内存泄漏
内存泄漏是前端开发中的一个常见问题可能导致项目变得缓慢、不稳定甚至崩溃。内存泄漏是指不再用到的内存没有及时被释放从而造成内存上的浪费。 2、 JavaScript 垃圾回收机制
1 原理 JavaScript 垃圾回收机制很简单找出不再使用的变量然后释放掉其占用的内存。 2最常用的垃圾收集方式
① 标记-清除 对内存中所有变量加上标记然后再去掉进入环境的变量的标记最后就是清除那些带标记的变量并回收它们所占用的内存空间。 当变量进入环境时就将这个变量标记为“进入环境”。 当变量离开环境时这将其标记为“离开环境”。 ② 引用计数 语言引擎有一张”引用表”跟踪记录每个值被引用的次数。 如果一个值的引用次数是0就表示这个值不再用到了因此可以将这块内存释放。 3、哪些操作会造成内存泄漏
出现内存泄漏的情况
① 未正确清理事件处理器 会持有对DOM的引用妨碍垃圾回收器释放相关的内存。 例如使用了addEventListener那就要记得 removeEventListener ② 循环引用 当两个或多个对象相互引用时即使你不再使用它们它们也无法被垃圾回收。 解决方法确保在不再需要对象时将其引用设置为null打破循环引用。 ③ 未正确清理定时器和间隔器 原因定时器 setInterval 或者 setTimeout 在不需要使用的时候没有被clear导致定时器的回调函数及其内部依赖的变量都不能被回收这就会造成内存泄漏。 解决方法在不再需要定时器或间隔器时使用 clearTimeout 和 clearInterval 来清理它们。 4、内存泄露排查方法 利用谷歌浏览器调试工具 Memory 的内存快照 Heap snapshot找到使你内存增加的业务场景。 5、在 Vue 中有哪些注意的地方
虽然浏览器可以进行垃圾自动回收但是当代码比较复杂时垃圾回收所带来的代价较大所以应该尽量减少垃圾回收。
① 对数组进行优化 在清空一个数组时最简单的方法就是给其赋值为[ ]但是与此同时会创建一个新的空对象可以将数组的长度设置为0以此来达到清空数组的目的。 ② 对 Object 进行优化 对象尽量复用对于不再使用的对象就将其设置为null尽快被回收 ③ 对函数进行优化 在循环中的函数表达式如果可以复用尽量放在函数的外面。 其它 Vue组件触发 beforeDestroy 声明钩子函数的时候把变量置null那些用来渲染页面的数据量大的Object、Array等也可以全部置 null 包括dom绑定的事件要移除、定时器要清除 组件中使用 v-show 可能会导致 DOM 元素积累而销毁 DOM 的核心其实还是使用v-if尽量使用 v-if 代替v-show同时避免不必要的DOM操作。
