制作Slider组件的些许性能改善

2024-04-03 09:08

本文主要是介绍制作Slider组件的些许性能改善,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

代码是横向Slider组件的基本代码,注意onMouseMove函数部分。

在计算Rectangle的时候,对于高度,可以计算,也可以设置为0。代码执行效果完全一样。

由于少了一步的计算,对改善性能有些许贡献。

package {import com.bit101.components.List;import flash.display.Sprite;import flash.display.StageAlign;import flash.display.StageScaleMode;	import flash.events.MouseEvent;import flash.geom.Rectangle;public class test1 extends Sprite {private var a:Sprite;private var b:Sprite;public function test1() {//设置舞台与浏览器的相对位置stage.align = StageAlign.TOP_LEFT;//设置舞台是否随浏览器尺寸缩放:不缩放stage.scaleMode = StageScaleMode.NO_SCALE;a = new Sprite();a.graphics.beginFill(0x000000);a.graphics.drawRect(0, 0, 100, 20);a.graphics.endFill();a.x = 100;a.y = 100;addChild(a);b = new Sprite();b.graphics.beginFill(0x0000ff);b.graphics.drawRect(0, 0, 20, 20);b.graphics.endFill();b.x = 100;b.y = 100;addChild(b);b.addEventListener(MouseEvent.MOUSE_DOWN,onMouseDown);}private function onMouseDown(e:MouseEvent):void{stage.addEventListener(MouseEvent.MOUSE_MOVE, onMouseMove);stage.addEventListener(MouseEvent.MOUSE_UP, onMouseUp);			}private function onMouseMove(e:MouseEvent):void{var rec:Rectangle = new Rectangle(a.x,a.y,a.width - b.width,a.height - b.height);//var rec:Rectangle = new Rectangle(a.x,//a.y,//a.width - b.width,//0);b.startDrag(false, rec);			}private function onMouseUp(e:MouseEvent):void{stage.removeEventListener(MouseEvent.MOUSE_MOVE, onMouseMove);stage.removeEventListener(MouseEvent.MOUSE_UP, onMouseUp);	b.stopDrag();}}
}


这篇关于制作Slider组件的些许性能改善的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/872487

相关文章

Vue3视频播放组件 vue3-video-play使用方式

《Vue3视频播放组件vue3-video-play使用方式》vue3-video-play是Vue3的视频播放组件,基于原生video标签开发,支持MP4和HLS流,提供全局/局部引入方式,可监听... 目录一、安装二、全局引入三、局部引入四、基本使用五、事件监听六、播放 HLS 流七、更多功能总结在 v

使用python制作一款文件粉碎工具

《使用python制作一款文件粉碎工具》这篇文章主要为大家详细介绍了如何使用python制作一款文件粉碎工具,能够有效粉碎密码文件和机密Excel表格等,感兴趣的小伙伴可以了解一下... 文件粉碎工具:适用于粉碎密码文件和机密的escel表格等等,主要作用就是防止 别人用数据恢复大师把你刚删除的机密的文件恢

Docker多阶段镜像构建与缓存利用性能优化实践指南

《Docker多阶段镜像构建与缓存利用性能优化实践指南》这篇文章将从原理层面深入解析Docker多阶段构建与缓存机制,结合实际项目示例,说明如何有效利用构建缓存,组织镜像层次,最大化提升构建速度并减少... 目录一、技术背景与应用场景二、核心原理深入分析三、关键 dockerfile 解读3.1 Docke

Vue和React受控组件的区别小结

《Vue和React受控组件的区别小结》本文主要介绍了Vue和React受控组件的区别小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录背景React 的实现vue3 的实现写法一:直接修改事件参数写法二:通过ref引用 DOMVu

从原理到实战解析Java Stream 的并行流性能优化

《从原理到实战解析JavaStream的并行流性能优化》本文给大家介绍JavaStream的并行流性能优化:从原理到实战的全攻略,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的... 目录一、并行流的核心原理与适用场景二、性能优化的核心策略1. 合理设置并行度:打破默认阈值2. 避免装箱

深度剖析SpringBoot日志性能提升的原因与解决

《深度剖析SpringBoot日志性能提升的原因与解决》日志记录本该是辅助工具,却为何成了性能瓶颈,SpringBoot如何用代码彻底破解日志导致的高延迟问题,感兴趣的小伙伴可以跟随小编一起学习一下... 目录前言第一章:日志性能陷阱的底层原理1.1 日志级别的“双刃剑”效应1.2 同步日志的“吞吐量杀手”

Java慢查询排查与性能调优完整实战指南

《Java慢查询排查与性能调优完整实战指南》Java调优是一个广泛的话题,它涵盖了代码优化、内存管理、并发处理等多个方面,:本文主要介绍Java慢查询排查与性能调优的相关资料,文中通过代码介绍的非... 目录1. 事故全景:从告警到定位1.1 事故时间线1.2 关键指标异常1.3 排查工具链2. 深度剖析:

深入解析Java NIO在高并发场景下的性能优化实践指南

《深入解析JavaNIO在高并发场景下的性能优化实践指南》随着互联网业务不断演进,对高并发、低延时网络服务的需求日益增长,本文将深入解析JavaNIO在高并发场景下的性能优化方法,希望对大家有所帮助... 目录简介一、技术背景与应用场景二、核心原理深入分析2.1 Selector多路复用2.2 Buffer

基于Python Playwright进行前端性能测试的脚本实现

《基于PythonPlaywright进行前端性能测试的脚本实现》在当今Web应用开发中,性能优化是提升用户体验的关键因素之一,本文将介绍如何使用Playwright构建一个自动化性能测试工具,希望... 目录引言工具概述整体架构核心实现解析1. 浏览器初始化2. 性能数据收集3. 资源分析4. 关键性能指

Olingo分析和实践之OData框架核心组件初始化(关键步骤)

《Olingo分析和实践之OData框架核心组件初始化(关键步骤)》ODataSpringBootService通过初始化OData实例和服务元数据,构建框架核心能力与数据模型结构,实现序列化、URI... 目录概述第一步:OData实例创建1.1 OData.newInstance() 详细分析1.1.1