2023年11月25日发(作者：)关于extjs中tabPanl关闭后的内存释放

文章分类:Web前端

最近在工作的时候碰到一些人在讨论ext，他们总是讨论到一个内存问题，因为在测试的时候总是发现当页面打开多了之后，及时关掉了，系统依然会很慢，查看内存的时候，内存的使用率很高，即使关掉其他的应用，内存依然得不到释放，直到浏览器崩溃，一切又能恢复正常。



其实，他们说的这个情况只是在客户端使用IE浏览器的时候才会出现，虽然js有自动释放内存的功能，但是有的时候IE在释放的时候显得有些漫不经心，所以才导致内存不能及时释放。其实这个问题很好解决，看下面我的示例代码：



function toAddTabPage(node) {//添加tabpanel标签栏

var getTabPage = null;

if (th() > 0) { //如果不是根节点root

var tabItems = ;//获取已经生成的tabpanl

var val = null;

(function(item) {//对已经生成的tabpanel进行迭代

if ( == ) {//如果为已经生成的tabpanel

val = ;

getTabPage = item;

return false;

}

});

if (val != null) {//激活已经以生成的tabpanel

iveTab(getTabPage);

} else {

var index = ;

if (index > 18) {

('提示的功能就是在点击节点的时候左边显示相应页面，其中用红色部分是最重要的，就是在关掉tabPanl的时候做的事情，1.移除相应的页面元素，2.将相应的用于显示的在getTabPage、tabPage置为空（其中getTabPage是用于存放激活已经存在打开了的展示页面，tabPage用于存放新生成的页面），3.判断如果为IE浏览器的话就是用CollectGarbage()函数强制收回。这样就人为的去回收内存，在用户使用IE浏览器的时候就不会出现先前那些人所讨论的情况，至少在目前的项目看来是可行的一种解决方案