JS类库Bindows1.3中的内存释放方式分析

我在前段时间介绍过IE中JavaScript脚本Memory Leak的问题，后来在几位热心网友的讨论下，基本认可了内存泄露的事实和原理。在小规模的测试case下，本来都达到了基本避免IE中脚本的ML问题。可是近来发现只以"仔细"来防止IE中脚本ML似乎是非常困难的一件事情，难道开始的讨论有错误吗？

何谓"仔细"呢？就是说在有对象相互引用的时候，在对象丢弃时(不一定是页面refresh)断开彼此的引用链，特别是脚本中创建的对象和DHTML中的对象间的引用；清除HTML元素中的所有自定义属性；清除所有HTML元素中的事件处理函数回调；对数组在废弃时尽力delete掉内部元素。

最重要的就是，尽量不创建冗余的脚本对象和DHTML元素对象，能通过修改属性来达到的效果，即使麻烦一些也不重新生成新的对象。

通过上面的步骤后，IE的内存使用增长率有所下降。可是仍然不能完全满足对复杂的脚本运行的支持(接近Bindows这种复杂程度)，体现在以下几点：
    一、在脚本执行过程中，内存使用量仍然是个只增不减的过程；
    二、使用最小化IE窗口方式强制IE进行GC，只能GC物理内存，对虚拟内存无效；
    三、页面跳离(URL改变)原脚本执行域，内存释放量太少甚至不释放；
    四、必须关闭IEXPLORE.EXE进程(即所有IE窗口)，才能完全释放IE所使用的内存。

今天突然想起来久违的Bindows，跑去一看，2月底release了一个1.3版本，于是开始运行主页上面给的demo。效果不用说了，自己去看一下就行了，效率也相当的高。demo里还有一个类似多维数据显示的GRID，居然还支持行和列的表头都固定。炫已经是bindows亘古不变的特点了，在还没有被迷昏前，我想起应该看看Bindows对内存的处理怎么样？真是不看不知道，一看吓一跳！

打开www.bindows.net，我的IE内存使用量在(28PM+18VM)M左右，打开它的demo program。内存上到(38PM+35VM)M左右，然后再操作了几下，内存到了(80PM+75VM)M左右。于是关掉demo窗口，IE释放了大概15M左右内存，就停在(70PM+70VM)M的水平，在改变当前IE的URL，跳到了google，IE的内存使用量似乎还是没有减少@_@。哈哈，Bindows也有Memory Leak~。真是小人得志，555... 过了一段短时间再看，IE的内存使用降到和开启IE时差不多了:)。真实好消息，看来不能再冤枉IE了，于是开始跟踪Bindows在onunload时的处理代码。

怎么能一下就跳到onunload的代码里去呢？这里有个hack，先对IE按下Alt+V，u，b(需要uncheck IE options高级中的"禁止脚本调试"，菜单View里才有U快捷键选项)。然后立即关闭Bindows的演示dome窗口，选择VS.NET 2003作为Script调试器，就直接跳到onunload的入口处了。

在管理IE中的脚本内存使用中，Bindows做的很非常周到的。复杂对象都实现了完备的dispose方法，用来作什么呢？在被调用时，首先切断DHTML对象实例和脚本对象实例的引用链；清除全局cache变量中的数据，使用delete关键字；使用attachEvent方式导入的事件处理函数，需要detach；其它事件处理回调，使用赋null的方式清空；切断脚本对象之间的parent或child关系引用链。

    这里有点使人迷惑的是，IE的GC的触发是不确定的(目前知道的确定触发就是最小化IE窗口)，就是你做好了上述工作，在你的页面刚onload时，内存也是不会立即释放的。不过一段时间使用后，IE使用的内存会减少。所以就不用怀疑先前讨论的方法了，并且除了"切断脚本对象之间的parent或child关系引用链"这一点外，Bindows的dispose的原理和处理方法我前面讨论基本一致。

    注：PM物理内存，VM虚拟内存。都可以在任务管理器中查看。

赞 (0)

相关推荐

  • Android4.1中BinderService用法实例分析

    本文实例讲述了Android4.1中BinderService用法.分享给大家供大家参考,具体如下: Android4.1 中出现了一个新的类,BinderService,所有的Native Service 都会继承这个类. class BinderService { public: static status_t publish(bool allowIsolated = false) { sp<IServiceManager> sm(defaultServiceManager()); ret

  • JQuery中Bind()事件用法分析

    本文实例分析了JQuery中Bind()事件用法.分享给大家供大家参考.具体分析如下: 我们先看一下它的定义: .bind( eventType [, eventData], handler(eventObject)) .Bind()方法的主要功能是在向它绑定的对象上面提供一些事件方法的行为.期中它的三个参数的意义分别如下: eventType是一个字符串类型的事件类型,就是你所需要绑定的事件.这类类型可以包括如下:blur, focus, focusin, focusout, load, re

  • javascript中call,apply,bind的用法对比分析

    关于call,apply,bind这三个函数的用法,是学习javascript这门语言无法越过的知识点.下边我就来好好总结一下它们三者各自的用法,及常见的应用场景. 首先看call这个函数,可以理解成"借用","请求".想像一下如下的情景:你孤单一人漂泊在外,有急事想往家里打电话,可是很不巧,手机欠费了,或者没电了,或者掉坑里了,总之你的手机就是用不成.可是你非打这个电话不可,于是你可以去借一下朋友的手机,或者借用一下邻居的手机,或者公用电话,这样呢,你就可以在自己

  • jQuery中trigger()与bind()用法分析

    本文实例讲述了jQuery中 trigger()与bind()用法.分享给大家供大家参考,具体如下: trigger(type) 在每一个匹配的元素上触发某类事件. 返回值:jQuery 参数: type (String): 要触发的事件类型 示例: 复制代码 代码如下: $("p").trigger("click") 1.trigger() 触发事件 这个方法是jQuery 1.3中新增的一个引起触发事件的函数. 这里的事件就如jQuery的帮助文档中的事件那一栏

  • C#中DataBindings用法实例分析

    C#中DataBindings用法实例分析

    本文实例讲述了C#中DataBindings用法.分享给大家供大家参考,具体如下: 在C#操作数据库过程中,针对一般的文本控件,比如TextBox,Label等,我们赋值直接使用类似TextBox.Text=****的方式来进行,这种方式从某种意义上来说的确是最简便的方式,但是对于复杂一些的空间,比如说DataGridView,这个时候,绑定数据源我们一般使用DataGridView1.DataSource=****的方式来进行,如果数据源稍微有更改,那么只需要重新调用绑定一遍即可.可以说这种方

  • Android系统进程间通信Binder机制在应用程序框架层的Java接口源代码分析

    Android系统进程间通信Binder机制在应用程序框架层的Java接口源代码分析

    在前面几篇文章中,我们详细介绍了Android系统进程间通信机制Binder的原理,并且深入分析了系统提供的Binder运行库和驱动程序的源代码.细心的读者会发现,这几篇文章分析的Binder接口都是基于C/C++语言来实现的,但是我们在编写应用程序都是基于Java语言的,那么,我们如何使用Java语言来使用系统的Binder机制来进行进程间通信呢?这就是本文要介绍的Android系统应用程序框架层的用Java语言来实现的Binder接口了. 熟悉Android系统的读者,应该能想到应用程序框架

  • PHP PDOStatement:bindParam插入数据错误问题分析

    废话不多说, 直接看代码: 复制代码 代码如下: <?php$dbh = new PDO('mysql:host=localhost;dbname=test', "test"); $query = <<<QUERY  INSERT INTO `user` (`username`, `password`) VALUES (:username, :password);QUERY;$statement = $dbh->prepare($query); $bind

  • jquery中live()方法和bind()方法区别分析

    本文实例讲述了jquery中live()方法和bind()方法区别.分享给大家供大家参考,具体如下: live()不受加载时间顺序的影响,只要查找能够配对上就能够绑定对应的事件,而bind方法只有在第一次被加载的时候才绑定时间,如果代码之后再加载配对的元素,则不能绑定对应的事件 $("#manual_disconnect").live("click", function(){ connectionProfile("0"); }); $("

  • Javascript Function.prototype.bind详细分析

      Function.prototype.bind分析 bind()方法会创建一个新的函数,成为绑定函数.当调用这个绑定函数时,绑定函数会以创建它时传入的第一个参数作为this,传入bind()方法的第二个以及以后的参数加上绑定函数运行时本身的参数按照顺序作为原函数的参数来调取原函数. 实际使用中我们经常会碰到这样的问题: var name = "pig"; function Person(name){ this.name = name; this.getName = function

  • jQuery中的.bind()、.live()和.delegate()之间区别分析

    jQuery中的.bind()、.live()和.delegate()之间区别分析

    DOM树 首先,可视化一个HMTL文档的DOM树是很有帮助的.一个简单的HTML页面看起来就像是这个样子: 事件冒泡(又称事件传播) 当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行. 复制代码 代码如下: $('a').bind('click',function(){alert('that tickles!')}) 因此一个单击操作会触发alert函数的执行. click事件接着会向树的根方向传播,广播到父元素,然后接着是每个祖先元素

  • js apply/call/caller/callee/bind使用方法与区别分析

    一.call 方法 调用一个对象的一个方法,以另一个对象替换当前对象(其实就是更改对象的内部指针,即改变对象的this指向的内容). Js代码 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj 可选项.将被用作当前对象的对象. arg1, arg2, , argN 可选项.将被传递方法参数序列. 说明 call 方法可以用来代替另一个对象调用一个方法.call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对

随机推荐