我的mvc项目中的jquery结构

Question

我的mvc应用程序中结构jqueryfiles的最佳方式是什么。 现在我将所有脚本都放在脚本文件夹中，并且开始很难 一个很好的概述。

//感谢

Answer 1

我们在上一个项目中使用了以下结构：

Scripts
|
|- jQuery
|- Libraries
|- Infrastructure
|- PageSpecific

jQuery包含jQuery和任何插件。库包含其他第三方库（例如underscore.js）。基础设施包含共享JavaScript模块，例如一个充满实用程序功能，或一个用于处理服务器端帐户管理通信等.PageSpecific包含用于连接事件处理程序和页面特定逻辑的代码。

Answer 2

HTML5 Boilerplate已经有了一些JavaScript的最小结构。我所做的任何事情都可能建立在那之上，因为在我的项目中遇到它之前，至少有一个机会会遇到另一个开发者。

Boilerplate有一个“js”子目录，其中包含所有JavaScript，另一个名为“libs”的目录，只有jQuery和Modernizr，以及一个“mylibs”目录，您可以在其中指定所有第三方库（例如，jQuery模板或Lawnchair的库。）

js
  libs
  mylibs
  plugins.js
  script.js

他们还建议您的短插件应该在plugins.js中连接，并且您的基本脚本内容会进入script.js。当然，这对大型项目不起作用，但你至少只从js，js / libs和js / mylibs结构开始。目前我每个HTML文件都使用一个带有相应名称的JavaScript（blahblah.html + blahblah.js），但从长远来看，我知道我需要更多的结构。

Answer 3

将JavaScript文件保存在Scripts文件夹中是可行的方法。如果需要，可以使用Scripts文件夹中的子文件夹，使其更有条理。

Answer 4

在您的Web应用程序中保持css文件和javascripts的组织始终是个好主意。

• 在应用程序的根文件夹中有两个主文件夹'styles'和'scripts'。
• 在每个文件夹中，创建反映应用中特定模块的子文件夹，如“jquery”，“blueprint”等，并将这些文件放在那里。