这更像是一个一般的性能问题。在我的wordpress项目中,我通常会有一个app.js文件,它就像我所有小js脚本的主集合。
其中一些脚本将特定于某个页面,例如"我们的品牌"。目前,我所做的是用本地化变量检查页面标题,例如:
if (pageTitle == 'our-brands') {
function loopThroughCharCode(loopStart, loopEnd) {
var i = loopStart;
for (var i = loopStart; i <= loopEnd; i++) {
var letter = String.fromCharCode(i);
if (i == 49) {
// if number 1, use the # symbol instead of 1
$('li > a#' + letter).first().parent().before('<li class="full-width">#</li>');
} else {
$('li > a#' + letter).first().parent().before('<li class="full-width">' + letter +'</li>');
}
}
}
loopThroughCharCode(65, 90); // loop through a to z
loopThroughCharCode(49, 49); // number 1
}
这比把这段代码分成自己的js文件,然后只在我们的品牌页面上排队要好吗?
仅供参考,我使用一个插件来缩小和组合我所有的js。
由于您在生产中缩小并组合了JavaScript文件,我将明确建议您在开发时分离文件。这样一来,编辑和调试就简单多了,添加或删除页面也简单多了。
分离脚本以获得最佳可维护性。例如,只需在生产环境中使用gullow或grunt缩小您的脚本。