javascript - 为什么 JS 框架使用内联样式而不是 CSS 进行布局

Question

查看各种 JS 框架(Dojo、Ext.JS 和其他)，我发现布局通常(如果不是总是)通过直接 DOM 操作完成，例如在给定的 DOM 元素上设置内联样式。这与 CSS 试图达到的目标形成鲜明对比，在我看来，CSS 通常只是用来“美化”此类场景，指定颜色等。

我想了解为什么做出这个选择，甚至可能从历史的 Angular 来看，以及您为页面/网络应用程序的布局部分选择 CSS 或内联样式。

在什么情况下，您会愿意通过样式表仅使用 CSS 而无需使用 js dom 操作？什么情况会说明相反的情况？

谢谢!

Answer 1

因为他们在大多数情况下使用数学来定位事物，而 CSS Calc 没有得到很好的支持。

例如，在 jQuery UI 中，他们使用数学来确定对话框在屏幕上的位置或如何拆分列。

CSS 正在 catch 像 Flexbox 这样的事情和 Calc ，但是您提到的 JS 框架通常支持非常旧的浏览器，例如 IE6，它们永远不会获得这些 CSS 更新。