如何将 HTML5 性能发挥到极致

时间:2017-05-04

  在上面的代码中,使用Handler.create返回的处理器处理progress事件。此时的回调执行一次之后就被对象池**,于是progress事件只触发了一次,此时需要将四个名为once的参数设置为false:

Laya.loader.load(urls, Handler.create(this, onAssetLoaded), Handler.create(this, onLoading, nullfalse));

  释放内存

  JavaScript运行时无法启动垃圾**器。要确保一个对象能够被**,请删除对该对象的所有引用。Sprite提供的destory会帮助设置内部引用为null。

  例如,以下代码确保对象能够被作为垃圾**:

var sp = new Sprite();
sp.destroy();

  当对象设置为null,不会立即将其从内存中删除。只有系统认为内存足够低时,垃圾**器才会运行。内存分配(而不是对象删除)会触发垃圾**。

  垃圾**期间可能占用大量CPU并影响性能。通过重用对象,尝试限制使用垃圾**。此外,尽可能将引用设置为null,以便垃圾**器用较少时间来查找对象。有时(比如两个对象相互引用),无法同时设置两个引用为null,垃圾**器将扫描无法被访问到的对象,并将其清除,这会比引用计数更消耗性能。

  资源卸载

  游戏运行时总会加载许多资源,这些资源在使用完成后应及时卸载,否则一直残留在内存中。

  下例演示加载资源后对比资源卸载前和卸载后的资源状态:

var assets = [];
assets.push("res/apes/monkey0.png");
assets.push("res/apes/monkey1.png");
assets.push("res/apes/monkey2.png");
assets.push("res/apes/monkey3.png");

Laya.loader.load(assets, Handler.create(this, onAssetsLoaded));

function onAssetsLoaded()
{
	for(var i = 0, len = assets.length; i < len; ++i)
	{
		var asset = assets[i];
		console.log(Laya.loader.getRes(asset));
		Laya.loader.clearRes(asset);
		console.log(Laya.loader.getRes(asset));
	}
}

  关于滤镜、遮罩

  • 共9页:
  • 上一页
  • 3/9
  • 下一页
  • 上一篇:HTML5 VideoAPI,打造自己的Web视频播放器 下一篇:解决html5中video标签无法播放mp4问题的办法

    相关文章

    最新文章