将 jQuery 引用放在母版页有什么好处
What are the benefits of putting jQuery references in Masterpage?
我目前正在开发一个带有 ASP.NET 的网站,我总是通过Firebug检查它的性能...
现在,我的问题是,
将所有引用 jquery 引用放在母版页中更好吗?(先参考所有)
还是将特定的jQuery引用放在特定的内容页面更好?(仅供参考)
谢谢!
我认为最好将样式表放在母版页中,只要它们是站点范围的样式即可。您还应该考虑将它们压缩到一个下载中,以便减少 HTTP 请求。
维护方面,我会根据jquery引用对象的作用域将每个引用放在它所属的位置。
例如,如果它与主导航有关,该导航存在于所有呈现的页面上,因此肯定存在于母版页中,那么您最好将$("#navBar")
靠近您的<div id="navBar">...</div>
,即在您的母版页上。
另一方面,如果它是与特定内容页面相关的东西,假设您在主页上需要闪亮的轮播(及其特定的jQuery插件),您最好$('myCarousel').carousel(2);
靠近您<div id="carousel">
,即在您的主页.aspx内容页面上。
当您将内容发送到它们所属的地方时,如果您可以确定仅在您的主页上需要轮播插件,那么您最好仅在主页.aspx内容页面上包含该插件。
您不仅可以简化维护,还可以在性能方面获得好处,因为您更有可能仅在使用变量时才初始化变量,从而减少浏览器上的内存开销。加载与插件相关的资源的相同内容(您可能不希望每个页面加载都臃肿,因为您的主站链接到您网站上某处所需的所有内容)。
一般来说,我鼓励您识别您将在多个页面上使用的任何库或插件,并将它们包含在自动将它们放置在这些页面中的位置。
为了可维护性,我通常会将所有第三方库(如jQuery,jQuery-UI,Backbone等)混合/缩小到一个JS文件中,以及我知道我将在整个站点中使用的任何插件。这样做的缺点是你可能有一个非常大的JS文件,该文件在用户第一次加载页面时加载 - 好处:客户端缓存该文件,用户不必再次加载它。
一般的经验法则是:缩小用户必须下载的字节数,并缩小用户必须在整个站点中进行的HTTP请求数。因此 - 通过将这些类型的文件压缩到单个下载中,并让它存在于具有相同 URL 的每个页面上 - 您可以有一个请求,该请求通常会获得 302 响应并且没有下载。这比将 5 个不同的插件加载到不同的页面上要好得多,每个插件都会进行单独的 HTTP 调用 - 即使这些调用都收到 302 响应。
在内容页面上引用jquery引用的正确方法。
一次在母版页上给出 jquery 引用并在所有内容页面上使用它们。它是,适当和优化的方法。
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 网格视图页眉冻结在母版页中不起作用
- 避免使用母版页在 Javascript 中重复
- Jquery 引导程序验证 asp.net 母版页不起作用
- 母版页中的 JavaScript asp.net 无法加载
- 谷歌分析,jQuery华丽的弹出菜单.NET母版页实现
- 更改母版页中菜单项的类
- 如何在使用flash音乐播放器的母版页中自动播放音乐之前添加延迟
- 如何在子页面上覆盖母版页(模板)中的html代码
- Javascript无法从母版页运行
- 使用asp.net和母版页在ListView中保持回发时的滚动位置
- 使用母版页通过窗体在 asp.net 中调用 JavaScript 函数
- 排除子页中的母版页 JS 文件 asp.net
- 类似于母版页 asp.net 客户端解决方案
- 使用 JavaScript 获取首页(母版页)
- 如何在 SharePoint 母版页中包含共享位置中的 js 文件
- 使用 javascript 获取母版页内容占位符中文本框的值
- 将 jQuery 引用放在母版页有什么好处
- 引用母版页 ContentPlaceholder 时的 JavaScript 错误
- 什么是使用htmlphp的母版页