一个页面操作与多个html文件的对比

Question

我有一个基本的javascript问题。在性能，安全性，可维护性方面，哪一个会更好。以维护具有多个javascript文件的一个脚本文件，并创建将操纵该接口的框架。

例如，我有一个加载多个js文件的index.html。然后，根据所做的操作，对页面进行操作。

或者创建和维护多个html文件更好？Index.html、login.html等

谢谢。

**编辑

更详细地说，假设我有一个index.php，它加载多个javascript文件，并提供页面的基本布局。然后，根据用户选择的操作，页面不会加载，而是创建一个ajax请求，然后在必要时操作DOM，然后在需要的地方显示数据。

Answer 1

看起来你是在尝试创建一个单页面的用户体验，它利用了多个视图(html文件)，通过调用它们的内容并基于用户输入/动作操作dom。

如果您关心可维护性和性能，那么将表示元素分离到单独的文件中，然后将这些文件加载到当前视图中，是处理这两方面功能的最有效方法。例如，如果用户在首次登录后自动登录，那么使用您的单个页面加载登录表单的标记将是一种浪费。此外，如果每个用户在每次使用您的应用程序时都可能使用或不使用其他内容，则同样的逻辑也适用。

从安全的角度来看，我看不出这两个选项(1页和多页)之间的主要区别，这取决于您传递给客户端的信息类型。无论如何，只要您没有在客户机和服务器之间异步地来回发送任何安全数据，就可以以一种安全的方式处理ajax调用。

Answer 2

维护单独的html(?)文件，特别是因为javascript支持不一致。如果HTML有公共元素，那么某种模板系统是可取的。如果使用JavaScript在客户端进行更改，您的服务器将获得较少的流量，但如果有复杂的操作，则可能会拖累客户端的CPU，因此可能不值得在服务器端获得任何收益。