通过jquery定义css与使用外部css文件的区别

Question

我计划制作web GUI组件，它将使用jquery。那么，出于模块化的目的，在jquery中定义组件的样式是安全的吗？

Answer 1

安全吗？是-推荐-可能不会。

我想说的是，使用模块化方法和适当地分离“功能”总是更好的。

你的JavaScript代码应该在.js文件中，你的样式定义应该在.css文件中(或其他一些css预处理器格式)。这样你就知道在哪里可以找到所有的东西。

在JS中处理CSS有意义的情况是，如果元素的所有CSS样式在运行时动态更改，或者如果要求每个组件只有一个文件，在这种情况下，您应该确保将所有CSS操作保存在代码中的一个中心位置-例如，在单个函数中。

总而言之:在JavaScript中处理所有样式定义可能并不“安全”，因为这可能会给其他/未来的开发人员带来混乱。

Answer 2

我建议您使用外部样式表，因为css和javascript是同时加载的。在脚本中定义样式将使这两个操作变慢，因为操作将一个接一个地发生，而不是同时发生。