执行效率优化_第1页
执行效率优化_第2页
执行效率优化_第3页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、2018/1/7Item 1:for 循环性能优化有两个因素决定循环展开是否有利执行时间减少：1. 循环迭代的次数，成千上百次迭代才能带来明显的区别2. 循环体开销/循环开销比例=系数，系数越大，代表性能提升越少。循环展开：for(var i=0;i<8;i+)/do someth ing为了提升效率：将它展开为循环体8次。Item 2:JQuery代码性能优化一个JQuery代码$( “#element ”).css(, color ? ,? #f00 ?);执行过程调用JQuery并在DOM 搜索id= “element1 "的元素，正则测试返回搜索到的元素列表调用JQue

2、ry的css ()函数。这个可以进行2点优化：1. 指定JQuery搜索的范围-环境参数选择/$alien=$('.alien ' container)环境参数 container可以是一个 JQuery 对象或者 CSS 选择器$alien(' .alien ' ,$container); /JQuery 对象$alien('.alien ' ,' #container ' ); /CSS 选择器2. 保存对象引用var elementStyle=$( element1 'O.style;elementStyle.col

3、or=''保存对象引用，会减少搜索次数，从而优化执行性能。Item 3 : optimize DOM insertionYour APP may n eed large amou nt of DOM operati on ,DOM is a complicated datastructure that you should better not to modify it. But it is not that really for dynamicweb pages,so you should insert the elements in more effiective way.For example,you want to insert a ' <p>content</p>'.But whe n you want to in sert hun dreds of eleme nts,you should assembly it intoa long String,and insert it at once.This will dramatically decrese the overhead of JQuery in teral test and fun cti on$ ( ' #element1 &

人人文库> 全部分类> 行业资料 > 管理策划

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论