javascript - jQuery 插件实践

Question

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

具体来说:

1.HTML代码——静态与动态

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

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

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

2.CSS 代码 - 在 JavaScript 或外部

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

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

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

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

我正在寻找有经验的用户提供的一些关于在创建插件时集成 HTML、CSS 和 JavaScript 的良好实践的指示。

Answer 1

1. Is it good to write only the bare minimum of HTML markup and dynamically create the rest of the needed HTML code through JavaScript, in the plugin ?

是的，这就是 jQuery UI 插件(以及大多数其他插件)的工作方式。

 2.CSS code - in JavaScript or external?

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