创建可重用的JavaScript Web应用程序的最佳实践

时间:2012-04-16 20:28:11

标签: javascript asp.net html web-applications

我第一次使用javascript编写了一个网络应用程序。

我想知道什么是使网络应用程序易于重复使用的最佳方法,即制作包含js文件,html和css的“包”,并加载它们,如"load webapp"->launch it.

目前我有index.html,其中包含两个div:

  • 第一个是特定于网站的主页
  • 最初隐藏的第二个是web-app的面板

在主页上完成初始选择后,我启动应用程序调用js方法。

我想让这更通用,我想知道使用jquery load()是否可以成为一个干净的解决方案(我目前正在使用jquery)。这会加载html,但我想我仍然应该使用lib / app手动加载页面中的css。

任何想法都表示赞赏。

3 个答案:

答案 0 :(得分:1)

请确保您没有在任何可能的中嵌入任何CSS或JS ,始终将它们保存在单独的文件中,这样可以更轻松地重用某些方面而无需挖掘代码。我甚至已经看到用于封装一系列功能的JavaScript类,如果您倾向于这种情况,这也可以是一个选项:)。

在您所说的示例中,您可能最好在文档准备好的外部JS文件中调用函数。

答案 1 :(得分:0)

将JS组织为JQuery插件也可能是您的选择。将所有JS放入一个插件可能没有意义,但如果将工作分成一小部分,这可能是有意义的。我不会提及任何特定的资源,因为有这么多,我不想看起来像垃圾邮件发送者。

希望这有帮助!

答案 2 :(得分:0)

jQuery加载不会帮助你组织你的代码,或动态加载js,它有一个完整的其他功能(注册到onLoad事件,或加载一个html页面,或通过ajax加载部分页面)

如果您正在寻找动态加载js库,请使用lab.js(位于http://labjs.com)或require.js(位于http://requirejs.org)。但请记住,只有一个大的js文件可以被缓存并立即加载。

至于组织你的js,这取决于应用程序。有时jQuery插件是要走的路。我已经开发了一个我在项目中使用的解决方案,我只是在这里与您分享:http://thebeast.heroku.com