使用js，css和html可重用的自定义UI小部件的最佳方法是什么？

Question

我有一个复杂的html元素，它有一些css和相关的js。它是html5滑块，多个标签和文本框的组合。问题是它可能会在很多地方用完。重写html，css，js并不是使其可重用的最佳方法。这是我的要求

• 易于插入（就像dojo或jquery小部件一样）
• 可维护（正是我不希望我的css / html / js遍布全部，而是我想要更紧凑的东西）
• 选项（这个Ui元素有很多配置选项可以在我的复杂UI中启用/禁用/隐藏/显示单个html元素，我需要一种方法让开发人员也提到这些）

任何帮助都将受到高度赞赏！

Answer 1

此类事件的W3C标准可能是Web Components，但规范尚未最终确定only Chrome has an implementation（relevant Firefox request）。最近的Google I / O上有Web Components and Shadow DOM (video)的演讲。 X-Tag custom elements polylib将允许您立即开始尝试使用Web组件。

如果您需要在9之前支持IE版本，那么您将坚持使用与您提到的Dojo和jQuery UI小部件类似的方式构建内容。