jQuery插件实践

Question

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

具体做法是：

1.HTML代码 - 静态与动态

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

或者只是手动编写所有需要的HTML？

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

2.CSS代码 - 在JavaScript或外部

在CSS文件中动态创建和应用CSS代码，或者将CSS代码外部包含在CSS文件中是不是很好？

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

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

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

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

Answer 1

  

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

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

  

2.CSS代码 - 在JavaScript或外部吗？

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

Answer 2

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

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

让自己置身于想要使用代码但不想每次想要自定义代码时编辑JS插件的开发人员。

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

Answer 3

如果您希望获得良好的性能并为一个或某些特定项目创建插件，那么您可以遵循以下规则：

您必须将CSS放在已使用的相同样式表中。如果您希望以后可以轻松修改，可以通过评论将其分开。

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

如果您有任何条件HTML，则可以在单独的视图部分中使用JavaScript创建它。因此，如果他/她想要在将来编辑它，任何人都可以找到几乎所有标签。

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

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

您必须在JavaScript中创建HTML并尝试将其作为视图放在一起。这样它将来可以轻松编辑。