到目前为止,我只是把我所有的jQuery优点放在$(document).ready()函数中,包括在某些用户交互中使用的简单函数.
但是,不需要加载DOM文档或仅在事后调用的函数也可以放在外面$(document).ready().例如,考虑一个非常简单的验证函数,例如:
function hexvalidate(color) {
// Validates 3-digit or 6-digit hex color codes
var reg = /^(#)?([0-9a-fA-F]{3})([0-9a-fA-F]{3})?$/;
return reg.test(color);
}
该函数仅在$(document).ready()函数内 调用.
什么是最佳实践(语法,速度); 在jquery文档就绪函数内部或外部放置这样的函数？
我即将开始一个新的Web项目,我计划使用以下方案将我的JS脚本放在头部和终端之前:
对于页面的用户体验至关重要的脚本是有头脑的.因为我已经开始仔细阅读网页 - 在页面加载之前加载了头部的脚本,所以在那里放置对用户体验至关重要的脚本是有意义的.
对于页面的设计和用户体验(谷歌分析脚本等)不重要的脚本会在之前发布<head>.
这是一种明智的做法吗？
另一种方法是将所有脚本放入</body>并将defer属性添加到非必要脚本 - 但是我已经读过旧版本的FF没有获取defer属性.