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

Question

这是我previous question的后续行动。

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

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

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

Answer 1

我认为这个想法存在一些问题。首先，您应该知道有一些旧方式可以在主文档中加载另一个完全分离的页面。使用"iframe"标记是执行此类操作的最常用和最不安全的方法之一。显示弹出窗口并使用"window.open"是另一种可以显示新窗口并加载完全分隔的特定URL的方法。但是...

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

希望它有所帮助。 干杯

Answer 2

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

基本上，您需要加载css和js文件，方法是将link和script标记附加地附加到html的head部分。要加载模块的html部分，您只需使用其他答案建议的jQuery.get()方法。

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

here is the project page in github called Yuva

看看，如果这对你有意义，请告诉我。