Javascript 帮助我理解脚本性能缓慢的原因

我重复占位符jPlaceholder.js的常规脚本

原因是读取速度慢~150000\1000ms，文件大小大5.8kb； 下面的脚本具有更快的读取速度~1 950 000\1000ms，更轻的是1.8kb

问题是第一个脚本的运行速度约为32000\1000ms，但myscript的运行速度仅低于525\1000ms

请帮助我理解为什么，以及如何使它更快

$.fn.placehold=功能选项{ 变量opt={ wrapperClass:'jvPlacehold'， 包装器填充：0， 包装页边距：0， 包装器顶部：0， 包装器左：0， 反类：“jvPhCounter”， labelClass:'jvPhLabel'， 标签填充：“0 5px”， labelColor:'a9a9a9'， 标签容量速度：300， holderDataName:“占位符”， 聚焦速度：300， 航速：300 }; opt=$。扩展{}，opt，option； var$el=$this， $wrapper=${ 类别：opt.wrapperClass， 组：'搜索'， css:{ 溢出：“隐藏”， 背景：$el.css'background'， 宽度：$el.外径， 高度：$el.outerHeight， 填充：opt.wrapperPadding， 页边距：opt.wrapperMargin， 顶部：opt.wrapperTop， 左：opt.wrapperLeft， float:opt.wrapperFloat } }, $计数器=${ 类别：选择反类， css:{ 显示：“无” } }, $label=${ 类别：opt.labelClass， 文本：$el.dataopt.holderDataName， css:{ 填充：opt.labelPadding， 颜色：opt.labelColor } }; $el.css{ 位置：'绝对'， 背景：“无”， 左：0 }; $el.after$wrapper.append$counter，$label.appendTo$wrapper； $label.css'top'，Math.abs$el.innerHeight-$label.height/2； $el.keyup函数{ 如果$counter.text$el.val.replace/\s/gi，'❙'.outerWidth>=parseInt$label.css'left'$label.stop.animate{ 不透明度：0 }，opt.labelopacityspeed； else$label.stop.animate{ 不透明度：1 }，opt.labelopacityspeed； }.焦点功能{ $label.stop.animate{ 左：$el.innerWidth-$label.outerWidth }，选择聚焦速度； }.模糊函数{ 如果！$el.val.length$label.stop.animate{ 左：0 }，opt.blurSpeed； }; }; $'search'.placehold； 司{ 位置：相对位置； } 输入{ 填充物：2px 5px； 边框：1px实心A9A9； } 写在上面，然后使用：

console.log(new Date().getTime() - tmp);

---

查看代码的每个部分需要多少时间。

最好使用浏览器的开发工具来找出脚本速度慢的原因。

console.log(new Date().getTime() - tmp);