JS性能之合理利用冒泡机制优化性能
来源:互联网 发布:windows live视频剪辑 编辑:程序博客网 时间:2024/06/05 20:03
每一个js事件(例如:click, mouseover等.)都会冒泡到父级节点。
当我们需要给多个元素调用同个函数时这点会很有用。
代替这种效率很差的多元素事件监听的方法就是, 你只需向它们的父节点绑定一次。
比如, 我们要为一个拥有很多输入框的表单绑定这样的行为: 当输入框被选中时为它添加一个class
传统的做法是,直接选中input,然后绑定focus,这样显然效率低下。
利用好event.target || event.srcElement 可以优化不少性能
假设有100个input,在使用普通的方式的时候,你绑定了100个事件。
在改进方式中,你只为一个元素绑定了1个事件,
至于是100个事件的效率高,还是1个事件的效率高,相信你也能自行分辨了。
- JS性能之合理利用冒泡机制优化性能
- JS性能优化之事件冒泡
- 合理利用运算符优先级,性能优化提升细节起
- Sql Server查询性能优化之创建合理的索引
- 性能优化:Map的合理运用
- MySQL合理利用锁机制优化
- 合理利用锁机制优化MySQL
- 合理利用锁机制优化MySQL
- MySQL合理利用锁机制优化
- Android性能优化之ListView缓存机制
- 【Hibernate】性能优化之延迟加载机制
- Android性能优化之ListView缓存机制
- tableView 性能优化机制
- 前端性能之js代码优化点
- js性能优化之函数缓存
- 性能优化之YUICompressor压缩JS、CSS
- js性能优化之函数节流
- js性能优化之分时函数
- JAVA 的callback机制
- 再读声卡驱动(1)
- Flare3D游戏特效教程:火拳阿宝
- 【第二章】 IoC 之 2.3 IoC的配置使用——跟我学Spring3
- JS常用正则表达式
- JS性能之合理利用冒泡机制优化性能
- 利用zlib,lzo压缩与解压缩字符
- 5个帮你打破恐惧开始创业的办法
- LCD驱动(linux-2.6.32.60)---------------平台驱动方面
- RGB565 与RGB888的区别
- HDU 1234 水
- 5.1.5(大数阶乘)
- 在ruby中,如何分割太长的字符
- 你不知道的世界各国科技排行榜!