0

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

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

目前我有一个index.html包含两个div:

  • 第一个是特定于站点的主页
  • 第二个,最初是隐藏的,是网络应用程序的面板

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

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

任何想法都值得赞赏。

4

3 回答 3

1

只要确保尽可能不将任何 CSS 或 JS 嵌入到 ASPX 页面中,始终将它们保存在单独的文件中,这样可以更轻松地重用某些方面,而无需四处寻找代码。我什至看到了用于封装一系列功能的 JavaScript 类,如果您有这种倾向,这也可能是一种选择:)。

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

于 2012-04-16T20:32:18.597 回答
0

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

希望这可以帮助!

于 2012-04-16T21:09:07.810 回答
0

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

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

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

于 2012-04-16T21:34:58.357 回答