我目前正在开发一个 Web 应用程序。
现在我想知道在性能或其他方面构建页面有什么更好的。
第一个选项，直接在 HTML 文件中构建所有内容并隐藏 Objects () 以供以后使用，并让 JavaScript 在需要时显示/隐藏它们。
第二个选项，创建一个通过 JQuery 在运行时生成 HTML 的 JavaScript。
编辑
更具体一点。
这将是一个具有许多不同视图的 Web 应用程序。例如，首先您有登录视图，然后是概览视图、设置视图等。
所有请求，如登录、GetData 都将使用 AJAX JSON-RPC 请求进行管理。
如果我采用 HTML 方式，我将为每个视图创建一个 div-Block，它从一开始就没有显示。然后 JavaScript 将根据需要显示它们，并通过 AJAX 请求填写数据。
如果我采用 JavaScript 方式，JavaScript 会生成 HTML，而 Views 会被 JavaScript 取代。
我想这样做，因为我不希望用户重新加载每个站点。而且我不喜欢 PHP。
如果可能的话，我会拥有页面上的所有元素，并根据需要使用 jQuery/CSS 显示/隐藏它们。在我看来，这是一种更直接、更简洁的方法，除非您需要一些非常动态的东西，即基于用户输入以新出现的形式显示特定数据。
此外，您应该记住，您已经在页面上拥有的内容作为 HTML 将已经在页面上，而需要等待页面加载然后触发 Javascript。
看到两者之间有一个权衡。
可用性：
如果数据很重要，而且在大多数情况下用户可能会对它感兴趣，那么最好用 HTML 加载它并通过 javascript 隐藏。该页面将更具响应性。如果用户想了解该数据的可能性很小，则执行 AJAX 加载。
数据大小：
此外，如果数据量非常大且非常复杂，通常涉及某种形式的媒体，那么请执行 AJAX。如果它是文本的，则通过 JS 将其隐藏。
例子：
通过 JS 隐藏
由 JS 剪辑的描述文本，当用户单击更多时，会显示完整的文本。可用性：用户永远不会读到一半的描述，他总是对整个故事感兴趣。数据的大小和复杂性较小。它只是一个文本。
使用 AJAX
在模态弹出窗口中打开的“在动作视频中观看”的链接。可用性：如果已经在文本和图像中解释了一个过程，那么用户也不太可能想要查看视频。如果他没有得到它，他将简单地离开页面。如果数据很大并且也很复杂，这里的大小。
JavaScript 常用来玩 HTML 内容。用它来准备 HTML 不是一个好主意。当然我们不能忽略一些情况。
但是用 javascript 设计一个页面的整个 HTML 内容真的让我害怕。:)