Web应用程序构造，HTML vs JavaScript
我目前正在开发一个Web应用程序 现在我想知道，在性能方面，或者在其他方面，有什么比构建页面更好 第一个选项，直接在HTML文件中构造所有内容，隐藏对象（）供以后使用，并在需要时让JavaScript显示/隐藏它们 第二个选项，创建一个JavaScript，它在运行时通过JQuery生成HTML 编辑 更具体一点 这将是一个具有许多不同视图的Web应用程序。例如，首先是登录视图，然后是概览视图、设置视图等 所有请求（如登录、GetData）都将使用AJAX JSON-RPC请求进行管理 如果我使用HTML，我会为每个视图创建一个div块，它从一开始就没有显示。JavaScript将根据需要显示它们，并通过AJAX请求填充数据 如果我使用JavaScript，JavaScript会生成HTML，视图会被JavaScript替换Web应用程序构造，HTML vs JavaScript,javascript,jquery,html,Javascript,Jquery,Html,我目前正在开发一个Web应用程序 现在我想知道，在性能方面，或者在其他方面，有什么比构建页面更好 第一个选项，直接在HTML文件中构造所有内容，隐藏对象（）供以后使用，并在需要时让JavaScript显示/隐藏它们 第二个选项，创建一个JavaScript，它在运行时通过JQuery生成HTML 编辑 更具体一点 这将是一个具有许多不同视图的Web应用程序。例如，首先是登录视图，然后是概览视图、设置视图等 所有请求（如登录、GetData）都将使用AJAX JSON-RPC请求进行管理 如果我使
我希望这样做，因为我不希望用户重新加载每个站点。而且我不喜欢PHP。如果可能，我会在页面上显示所有元素，并根据需要使用jQuery/CSS显示/隐藏它们。在我看来，这是一种更直接、更清晰的方法，除非您需要一些非常动态的东西，即特定的数据根据用户输入以新出现的形式显示
此外，您应该记住，页面上已经作为HTML的内容将已经在页面上，而不是需要等待页面加载，然后启动Javascript。如果可能，我将在页面上拥有所有元素，并根据需要使用jQuery/CSS来显示/隐藏它们。在我看来，这是一种更直接、更清晰的方法，除非您需要一些非常动态的东西，即特定的数据根据用户输入以新出现的形式显示
此外，您应该记住，页面上已经作为HTML的内容将已经出现在页面上，vs需要等待页面加载，然后启动Javascript。Javascript通常用于处理HTML内容。使用它准备HTML不是一个好主意。当然，我们不能忽略某些情况
但是，用javascript设计整个页面的HTML内容真的让我害怕 JavaScript通常用于处理HTML内容。用它来准备HTML不是一个好主意。当然，我们不能忽视某些情况
但是，用javascript设计整个页面的HTML内容真的让我害怕 看，这两者之间有一个折衷 可用性： 如果数据很重要，而且在大多数情况下，用户有可能对它感兴趣，那么最好将其加载到HTML中并通过javascript隐藏。届时，该页面将更具响应性。 如果用户很少希望了解该数据，那么就进行AJAX加载 数据大小： 另外，如果数据的大小非常大和复杂，通常涉及某种形式的媒体，那么就使用AJAX。如果它是文本的，那么通过JS隐藏它 示例： 通过JS隐藏它 一个由JS剪裁的描述文本，当用户点击更多时，会显示完整的文本。 可用性：用户永远不会读到一半的描述，他总是对整个故事感兴趣。 数据的大小和复杂性更小。它只是一个文本 使用AJAX 指向“在动作视频中观看”的链接，该链接在模式弹出窗口中打开。 可用性：如果一个过程已经在文本和图像中进行了解释，那么用户也希望观看视频的可能性就会降低。如果他不明白，他会干脆离开这一页。
如果数据太大且太复杂，则此处显示大小。请参见两者之间的折衷 可用性： 如果数据很重要，而且在大多数情况下，用户有可能对它感兴趣，那么最好将其加载到HTML中并通过javascript隐藏。届时，该页面将更具响应性。 如果用户很少希望了解该数据，那么就进行AJAX加载 数据大小： 另外，如果数据的大小非常大和复杂，通常涉及某种形式的媒体，那么就使用AJAX。如果它是文本的，那么通过JS隐藏它 示例： 通过JS隐藏它 一个由JS剪裁的描述文本，当用户点击更多时，会显示完整的文本。 可用性：用户永远不会读到一半的描述，他总是对整个故事感兴趣。 数据的大小和复杂性更小。它只是一个文本 使用AJAX 指向“在动作视频中观看”的链接，该链接在模式弹出窗口中打开。 可用性：如果一个过程已经在文本和图像中进行了解释，那么用户也希望观看视频的可能性就会降低。如果他不明白，他会干脆离开这一页。
如果数据太大且太复杂，请单击此处调整大小。运行时出现的元素，不要使用show/hide，而是使用
add/removeClass（）add/removeClass（）