在不同的端点加载 javascript 文件

【问题标题】：Loading javascript file in different endpoint在不同的端点加载 javascript 文件
【发布时间】：2016-06-23 14:40:19
【问题描述】：

我正在编写一个大型 javascript 应用程序，它是一个单页应用程序。我将 node.js 与玉一起使用。我对为前端加载 javascript 文件有疑问。

就像你有这些页面：

- profile
- dashboard
- setting

当用户只来到个人资料页面时，我应该加载 profile.js 对吗？我有一个用于页眉和页脚的 layout.html，上面的页面是布局的子级。我不想一次把所有东西都装在家里，因为那太重了。

但我的问题是，我将 javascript 放在每个 html 文件的底部是否正确？我的 css 文件也是如此。

【问题讨论】：

你缩小的 js 文件的大小是多少？

标签： javascript jquery html css node.js

【解决方案1】：

document.querySelector("button").addEventListener('click', function (event) {
  if (!document.head.querySelector(".angular-script")) { // Angular is not added yet
    var s = document.createElement('script');
    s.src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js";
    s.className = "angular-script";
    document.head.appendChild(s);
  }
});

<button>Load angular</button>

<span ng-app>{{1 + 2 + 3}}</span>

但我的问题是，我将 javascript 放在每个 html 文件的底部是否正确？我的 css 文件也是如此。

通常不执行 html 中的脚本。 jQuery 为你做了，但我仍然认为，这不是一个好主意。
您正在多次加载同一个脚本。为每个页面加载脚本不超过一次是正确的。

【讨论】：

我不是在问如何加载它。