1

我正在开发一个 jQuery 插件，我想从更有经验的人那里得到一些关于集成 HTML、CSS 和 JavaScript 代码的良好实践的意见。

具体来说：

1.HTML 代码 - 静态 vs 动态

在插件中只编写最少量的 HTML 标记并通过 JavaScript 动态创建其余所需的 HTML 代码是否很好？

还是手动编写所有需要的 HTML 更好？

只有最小的 HTML 看起来更干净、更容易修改，所有必需的 HTML 可能会更好地完全理解、自定义和使用插件，因为您可以看到代码的整个结构。

2.CSS 代码 - 在 JavaScript 中或外部

是在 JavaScript 中动态创建和应用 CSS 代码，还是在 CSS 文件中将 CSS 代码放在外部？

如果 CSS 是内部的，它是根据插件的指定属性动态创建的。会有更多属性，但所有设置都在插件设置中的一个地方指定。

如果代码是外部的，用户需要编辑 CSS 以修改可用的不同选项。

一方面，拥有最少的 HTML 和动态创建的 CSS 似乎更容易让用户理解，另一方面，拥有所有 HTML 和外部 CSS 似乎更强大，更适合更高级的插件。

我正在寻找来自经验丰富的用户的一些关于在创建插件时集成 HTML、CSS 和 JavaScript 的良好实践的建议。

4

3 回答 3

0
  1. 在插件中只编写最少量的 HTML 标记并通过 JavaScript 动态创建其余所需的 HTML 代码是否很好？

是的，这就是 jQuery UI 插件（和大多数其他插件）的工作方式。

 2.CSS 代码——在 JavaScript 中还是在外部？

这取决于 css 规则的复杂程度，在 jQuery UI 中它们使用 css 文件，在 jQuery Validation 中它们不使用。

于 2012-04-18T02:31:23.317 回答
0

  1. 这在很大程度上取决于您的插件将要做什么。如果 JavaScript 不存在并且元素没有 JavaScript 就没有其他功能，我将使用 JavaScript 创建这些元素。

  2. 始终，始终，始终将您的 CSS 保存在 CSS 文件中。只需使用 jQuery 添加类。

让自己置身于想要使用您的代码但又不想在每次想要自定义 JS 插件时都编辑它的开发人员的立场上。

作为一般经验法则，您使用 jQuery 插件创建的任何 HTML 都应该可以通过更改插件的默认参数进行自定义。

于 2012-04-18T02:31:49.943 回答
0

取决于您是否想要良好的性能并为一个或某些特定项目创建插件，那么您可以遵循以下规则：

您应该必须将 CSS 放在您已经使用的样式表中。如果您希望将来易于修改，可以通过注释将其分开。

此外，您必须在 HTML 中定义 HTML 标签。如果可以（如果它不是动态的或取决于条件），那么您就可以定位它并做任何您想做的事情。

如果您确实有任何条件 HTML，那么您可以在 JavaScript 中的单独视图部分中创建它。这样任何人都可以找到几乎所有标签，如果他/她将来想编辑它。

如果您想为每个人提供插件，可以在任何项目中使用它。然后你必须在性能上做出一点妥协。您应该将 HTML 和 CSS 放置在与您的项目不同的位置，以便通过添加对一两个文件的引用来轻松组装（无需从不同位置复制和粘贴代码）。

如果你确实有很多 CSS，那么你应该为你的 CSS 创建不同的样式表，否则在 JavaScript 中定义它。

您应该必须在 JavaScript 中创建 HTML 并尝试将其组合成一个视图。以便将来可以轻松编辑。

于 2012-04-18T13:00:24.967 回答