javascript - 客户端应用程序的模块化方法

Question

这是我之前的问题的后续。

假设有一个带有登录表单和注册链接的网页。当用户单击该链接时，会显示一个新的注册表单。假设我还为这两种形式创建了单独HTML的CSS、 和JavaScript文件以实现模块化。

现在网页应该包含一些JavaScript代码来加载登录表单，当页面加载时，点击链接加载注册表单。

这种方法有意义吗？有没有实现这种方法的框架/库？你会建议如何实施它？

Answer 1

我认为这个想法有一些问题。首先，您应该知道有一些老式方法可以在主文档中加载另一个完全分离的页面。使用"iframe"标签是做这种事情的最流行和最不安全的方法之一。显示弹出窗口和使用"window.open"是另一种可以显示新窗口并完全分开加载特定 url 的方式。但...

有很多原因，我现在建议你不要以上述任何方式这样做。您可以简单地使用一些库，例如"JQuery"在当前页面中加载另一个 html，而无需加载会导致性能问题的新资源。我相信你应该搜索"JQuery $.get"，你会看到它是多么容易。

希望能帮助到你。干杯

Answer 2

是的，这对我来说很有意义。我真的很喜欢这种方法，因为我认为将应用程序分成更小的块将使开发和维护变得更加容易。

基本上，您需要通过将一个和标记分别附加到html 部分来加载css和文件。要加载模块的一部分，您可以按照其他答案的建议简单地使用jQuery.get()方法。jslinkscriptheadhtml

我试图实现它。我最近发布了我在这方面的工作。一个小的代码库。实际上，在我的方法中，每个模块都有自己的文件夹，其中包含 js、html 和 css 文件，以及可选的服务器端文件，例如 php 或 aspx 文件，将由 javascript 调用以查询服务器。

这是github中名为Yuva的项目页面

看看，让我知道这对你是否有意义。