我第一次使用javascript编写了一个网络应用程序。
我想知道什么是使网络应用程序易于重复使用的最佳方法,即制作包含js文件,html和css的“包”,并加载它们,如"load webapp"->launch it.
目前我有index.html
,其中包含两个div:
在主页上完成初始选择后,我启动应用程序调用js方法。
我想让这更通用,我想知道使用jquery load()
是否可以成为一个干净的解决方案(我目前正在使用jquery)。这会加载html,但我想我仍然应该使用lib / app手动加载页面中的css。
任何想法都表示赞赏。
答案 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