Flex Fade效果导致内存泄露

最新推荐文章于 2018-11-05 14:20:44 发布
最新推荐文章于 2018-11-05 14:20:44 发布 · 170 阅读 · 0
文章标签：

#Flex

本文讲述了在设置对象效果事件时可能引发的对象外部引用问题，详细解释了如何通过将target设为null来解决内存泄露的情况。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

因为这个问题,害我找了一晚上,一个对象始终无法被释放,崩溃了!
最后在几千行代码里逐一排查,终于找到了这个罪魁祸首!

具体原因:
通常我们给对象设置效果事件时如下:

this.setStyle("hideEffect",o_FadeOut);
this.setStyle("showEffect",o_FadeIn);


当执行visible时就会触发效果,很方便,但就是因为这个便利导致我们忽视了很多细节.
效果的执行是由系统程序来完成的,而非对象本身,所以对象也就理所当然的被外部引用,最终导致无法被释放引起内存泄露!

解决方法:

o_FadeIn.target = null;
o_FadeIn = null;

将target 设为null后对象就被释放了!

不知道大家有没有遇到过这个问题,也许是因为我的o_FadeIn是通过继承而来才导致的,没有再去测试了,总之解决了就开心啊~!
flex AS自定义fade效果
09-15
flex利用actonscript自定义fade效果，循环一下，就可以实现闪烁的效果
Flex Fade淡入淡出效果演示
bby_19的专栏
06-27 1234
Flex Fade淡入淡出效果演示 admin | Flex | 2010-11-8 13:40 | 3755 点击 | 0 评论 Fade淡入淡出效果可设置组件的 alpha 属性的动画效果（从透明到不透明或从不透明到透明），要对文本使用淡入淡出效果，必须使用嵌入字体，而不是设备字体。演示： 源码如下： xml version="1.0"?>  mx:Applic
如何使用Flex Fade Effect
wxmfly
07-15 128
[code="xml"] [/code]
fadeIn与display:none的关系
luguo0816的专栏
12-15 1072
当一个元素的display属性值为none时，在该元素上运用fadeIn该元素依然会显示
jQuery fadeIn淡入效果
yffkjhg的博客
11-05 355
分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.youkuaiyun.com/jiangjunshow也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！                 j
提高flex应用性能方法（一）
narutobing的专栏
10-14 566
在RIA应用开发过程中，性能一直是我们关注的一个重点；生成swf文件的大小，内存、cpu资源消耗，事件响应等，都将影响用户在浏览或者使用过程中的体验；     这就要求我们在平时的开发过程中养成良好的编程习惯，合理使用组件，避开一些较消耗资源的因素。本文将针对这些问题展开一些讨论:     1、初始化对象时优化：         1.1、可能的话使用AS来创建你的组件/类（通常通过代码绘制和
Flex Module专题
iteye_5139的博客
12-07 211
主要参考书目： 《ADOBE FLEX3 DEVELOPER GUIDE》 《Flex.3.Language.Reference.cn.chm》 《FLEX3 COOKBOOK》  建议阅读本文档时，参考附件中源码FlexModule（已在FLEX BUILDER3+FLEX SDK3.2下编译通过）。 相关Module网址 :  http://www.iteye.com/topic/29781...
Flex优化方案
记录我的工作、我的成长
04-19 808
<br />简单是美——提升您Flex应用性能 收藏 <br /><br />    在RIA应用开发过程中，性能一直是我们关注的一个重点；生成swf文件的大小，内存、cpu资源消耗，事件响应等，都将影响用户在浏览或者使用过程中的体验；<br /><br />    这就要求我们在平时的开发过程中养成良好的编程习惯，合理使用组件，避开一些较消耗资源的因素。本文将针对这些问题展开一些讨论:<br /><br />    1、初始化对象时优化：<br /><br />        1.1、可能的话使用AS来创
Flex Module 加载 及模块运用详细解释（除卸载）
学习记录
03-20 3023
[导读]Flex Module 加载 及模块运用详细解释（除卸载） 一、Module使用背景 Module 是Adobe为解决Flex应用初始化时较大的下载负载问题而设计的一种折中方案。将主Application合理分割为多个Module后，配合延迟加载策略，就可以保证主Application在初始化只加载必要的资源从而减少等待时间。未被访问的Module默认将不被加载，这样在首次访问它
【Canvas粒子系统】：打造迷人笑脸粒子效果
本文介绍了Canvas粒子系统的基础理论及其在构建动态视觉效果方面的应用。首先对粒子系统的基本概念进行阐述，包括粒子的定义、特性以及系统组成元素。随后，探讨了HTML5 Canvas绘图的基础知识，重点是粒子效果实现的...
Vue CLI 3中的动画与过渡效果应用
# 1. 介绍 ## 1.1 Vue CLI 3的概述 Vue CLI 3是一个基于Vue.js的官方脚手架工具，它能够帮助开发者快速搭建Vue...## 1.2 动画与过渡效果在前端开发中的重要性 动画与过渡效果在前端开发中起着重要的作用。它们可以
【Vue翻页数据绑定机制】：深入探索V-model与Vue翻页效果的实现
通过详细介绍V-model的基础理解、高级特性及其与Vue生命周期的关系，文章揭示了V-model在实现翻页效果中的关键作用。此外，本文还探讨了翻页组件的设计思路、逻辑编写以及组件与生命周期的协同工作。文章进一
``` if (Math.abs(currentRatio - targetRatio) > 0.01) { // 移除已存在的模態框 $('#cropperModal').remove(); //// 创建编辑模态框 const editorModal = ` <div class="modal fade" id="cropperModal" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="cropperModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-body d-flex"> <img id="cropperImage" class="img-fluid"> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" id="confirmCrop">確認裁切</button> </div> </div> </div> </div>`; $('body').append(editorModal); let cropper; $('#cropperModal').modal('show'); $('#cropperModal').on('shown.bs.modal', function () { const image = document.getElementById('cropperImage'); image.src = URL.createObjectURL(file.file); const cropper = new Cropper(image, { aspectRatio: 1920/770, viewMode: 1, autoCropArea: 1, responsive: true }); // 窗口大小变化时重置Cropper $(window).on('resize', function() { cropper && cropper.resize(); }); }); // 步骤3：处理裁剪确认 $('#confirmCrop').off('click.cropper').on('click.cropper', () => { if (!cropper) return; cropper.getCroppedCanvas({ width: 1920, height: 770, imageSmoothingQuality: 'high' }).toBlob((blob) => { const fileType = file.file.type === 'image/png' ? 'image/png' : 'image/jpeg'; const newFile = new File([blob], file.name, { type: fileType }); pond.removeFile(file.id); pond.addFile(newFile); pond.processFile(newFile); // 异步完成后关闭并清理 $('#cropperModal').modal('hide'); cropper.destroy(); cropper = null; }, file.file.type || 'image/jpeg'); }); // 步骤4：清理资源 $('#cropperModal').on('hidden.bs.modal', () => { if (cropper) { cropper.destroy(); cropper = null; } $(window).off('resize.cropper'); });```$('#confirmCrop').off('click.cropper').on('click.cropper', () => 無法使用
03-21
3. 资源清理：窗口resize事件未正确解绑，可能导致内存泄漏 修改方案（关键修改部分已加★标记）： ```javascript // 在外部声明cropper变量 ★ let cropper; if (Math.abs(currentRatio - targetRatio) > 0.01) ...
vue3结合element-plus、ts、vite，做一个layout页面，左侧是菜单，可折叠，面包屑导航，右侧上方是header，下方是页面部分
04-03
这可以通过window的resize事件和matchMedia来实现，同时在组件卸载时移除事件监听，避免内存泄漏。 样式部分需要注意过渡效果，特别是菜单折叠时的宽度变化，使用CSS transition让动画更平滑。同时，固定Header和...
Flex 淡入淡出效果
攒代码，不如烂博客
12-23 168
项目中遇到淡入淡出效果，自己写了个方便用的。 [code="Flex"] package com.ruixinflex.mapoperation.classes { import mx.effects.Fade; import mx.events.EffectEvent; public class FadeEffect { private var _fadeOut:Fade...
应用CNN卷积神经网络构建的auto encoder自编码器，经过训练实现了对带有噪点的MNIST手写字体图片进行去噪的处理
最新发布
08-15
资源下载链接为： https://pan.quark.cn/s/864eaed220e0 应用CNN卷积神经网络构建的auto encoder自编码器，经过训练实现了对带有噪点的MNIST手写字体图片进行去噪的处理（最新、最全版本！打开链接下载即可用！）
IP-guard应用程序预定义库
08-15
IP-guard应用程序预定义库
CH341A编程器软件1.3支持25Q256等32M芯片
08-15
CH341A编程器是一款广泛应用的通用编程设备，尤其在电子工程和嵌入式系统开发领域中，它被用来烧录各种类型的微控制器、存储器和其他IC芯片。这款编程器的最新版本为1.3，它的一个显著特点是增加了对25Q256等32M芯片的支持。 25Q256是一种串行EEPROM（电可擦可编程只读存储器）芯片，通常用于存储程序代码、配置数据或其他非易失性信息。32M在这里指的是存储容量，即该芯片可以存储32兆位（Mbit）的数据，换算成字节数就是4MB。这种大容量的存储器在许多嵌入式系统中都有应用，例如汽车电子、工业控制、消费电子设备等。 CH341A编程器的1.3版更新，意味着它可以与更多的芯片型号兼容，特别是针对32M容量的芯片进行了优化，提高了编程效率和稳定性。26系列芯片通常指的是Microchip公司的25系列SPI（串行外围接口）EEPROM产品线，这些芯片广泛应用于各种需要小体积、低功耗和非易失性存储的应用场景。 全功能版的CH341A编程器不仅支持25Q256，还支持其他大容量芯片，这意味着它具有广泛的兼容性，能够满足不同项目的需求。这包括但不限于微控制器、EPROM、EEPROM、闪存、逻辑门电路等多种类型芯片的编程。 使用CH341A编程器进行编程操作时，首先需要将设备通过USB连接到计算机，然后安装相应的驱动程序和编程软件。在本例中，压缩包中的"CH341A_1.30"很可能是编程软件的安装程序。安装后，用户可以通过软件界面选择需要编程的芯片类型，加载待烧录的固件或数据，然后执行编程操作。编程过程中需要注意的是，确保正确设置芯片的电压、时钟频率等参数，以防止损坏芯片。 CH341A编程器1.3版是面向电子爱好者和专业工程师的一款实用工具，其强大的兼容性和易用性使其在众多编程器中脱颖而出。对于需要处理25Q256等32M芯片的项目，或者26系列芯片的编程工作，CH341A编程器是理想的选择。通过持续的软件更新和升级，它保持了与现代电子技术同步，确保用户能方便地对各种芯片进行编程和调试。
修改多多巴枪SN软件，小白慎用
08-15
修改多多巴枪SN软件，小白慎用，米商巴枪的改机包
Python变量与数据类型详解
08-15
Python变量与数据类型详解
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值