对于具有中等量javascript的中型应用程序(以jQuery的方式),将javascript组合到单个文件中的最佳方法是什么,同时还避免对缺少的元素进行操作?
例如,给定html:
<html>
<head><title>Foobar</title></head>
<body>
<div id='foo'>Bar</div>
</body>
</html>
以下javascript
$(document).ready(function() {
// This will get bound
$('#foo').click(function() { alert('foobar'); });
// This will not get bound
$('#bar').click(function() { alert('foobar'); });
});
当然,上述两种绑定都是相对无害的,但对于复杂的行为,试图绑定到缺少的元素会导致性能下降吗?如果是这样,你如何平衡使用可维护的高性能jQuery将javascript保存在单个文件中(以减少http请求)?
答案 0 :(得分:-1)
找不到元素的成本与找到它的成本基本相同。
所以这可能不会导致性能下降。