自定义资源（css，javascript等），用于所有应用程序中的常见外观

Question

我有一个问题陈述，我们希望创建自定义CSS，Javascripts等资源，以便为我们开发的所有应用程序提供相同的外观。

应用程序可能在GWT，Thingworx，JSP等中开发，可能会有所不同。我们希望为所有应用程序提供一个共同的主题，例如：

1）标题 - 背景，图像，文字

2）页脚 - 背景，图像，文字

3）字段标签 - 字体大小，字体样式等。

4）结果表标题，它们的对齐等。

列表可能会很长......

我想听听：

1）更多此类组件（如上所述）可以成为此类概念的一部分吗？

2）如何进一步处理此问题陈述？ - 我们应该创建一个通用的CSS并将其导入到即将到来的各种项目中。或者可以给它一些包装结构，以使其具有框架的形状。

感谢。

Answer 1

是的，您应该创建一个通用的CSS，并在所有应用程序中包含指向它的链接。

不，您可以使用此常见CSS设置样式的HTML元素没有限制。

Answer 2

我们在公司工作的目标类似。我们的解决方案是从头开始创建自定义组件（使用矢量图形获得漂亮的可扩展UI）或扩展/修改现有组件（例如，创建一个选项卡式组件，可以隐藏选项卡并公开服务以通过接线选择选项卡表达式或服务）

自定义组件：

没有“简单”的方法来包含自定义css块，即使在它们各自包含自己的.css定义的组件中也是如此。但是，您可以创建一个框架并将其包含为自定义组件的依赖项（这就是我们所做的），然后可以使其全局访问。

注意不要污染全局命名空间，并注意一些变量（即s）将在运行时更改（有人忘记var关键字？）。在适当的地方使用闭包。

自定义组件采用具有指定文件夹结构的zip文件的形式。您可能希望在构建过程中查看Closure Compiler或类似内容，以生成框架的最终缩小和优化副本，然后将其包含在自定义组件包中。

注意：

还要注意，平台当前遭受的性能相对于任何给定mashup中的组件数量呈指数级下降。大约100后，你开始注意到Chrome的迟缓和延迟，IE几乎无法使用。解决这个问题的方法是委托，允许浏览器清理它的内部列表和b树。使用执行队列（甚至只是setTimeout（function（）{mycode / call}，0）就可以了。）