Question

我很好奇最佳实践/最有效的数据结构方式。

选项

所有脚本都在脚本文件夹中，所有样式表都放在css文件夹中 对此方法的关注是依赖于样式表的插件不在同一目录中，并且在将脚本添加到页面时可能会被忽略
通过jQuery动态添加样式到插件脚本，无需外部样式表使用此方法的音乐会是通过jQuery与样式表的开销加载样式
将脚本，样式表和插件分隔到单独的文件夹中，并让插件脚本动态加载样式表。
对此方法的担忧是它可能等于或大于前一个方法的开销

我不确定选项2＆amp;的开销。 3，它们将是最干净/首选的方法。

我计划记录使用自定义插件的过程，但是我想防止过度站点和将来的混淆，但需要保持较低的开销。

Answer 1

选项

1 - 所有脚本都进入脚本文件夹，所有样式表都放在css文件夹中....

正确。规范化所有路径以适应此结构。

2 - 动态添加样式到插件脚本通过jQuery否定了需要对于外部样式表。音乐会用这种方法就是开销通过jQuery加载样式样式表

浏览器有一个缓存是有原因的。这打破了缓存的能力。

3 - 单独的脚本，样式表和插件到单独的文件夹和有插件脚本动态加载样式表。对此的担忧方法是它可能等于，或大于的开销以前的方法

不要动态加载样式表。见＃2。

Answer 2

我个人使用这种类型的文件夹结构，因为它清楚地定义了我必须管理的代码与我使用但不管理的代码。

Content
   scripts
     //scripts you created
   css
     //css you create
   images
     // images you created
   frameworks
     jQuery
     jQueryUI
     Other Plugins

Answer 3

我最近写了一篇文章详细介绍了我的文件夹设置，它基于4个顶级文件夹的孤立结构：

/assets
/content
/resources
/vendor

这样做的原因是基于3个主要标准分离关注点：

什么是内容类型？
谁负责内容？
内容更新的频率如何？

核心原则是通过 / vendor 和 / assets 将第三方代码与项目代码分开。

任何应该分层的代码（例如主题，增强功能，猴子补丁）都应该在 / assets / vendor 中。

因此，您的自定义层次结构为：

/供应商的
/资产/供应商的
/ assets / [资源类型]

它无法解决您关于加载资产的方式的问题，但它会提供有关您管理资产的方式的结构。

此处有更多信息和示例：http://www.davestewart.co.uk/blog/project-structuring/

脚本和样式表与插件的文件夹结构

3 个答案: