在我们的 Web 应用程序中，有很多效果飞来飞去。我们正在切换到动态创建尽可能多的元素，请阅读：当需要时，尽可能。
我对我喜欢在元素上使用的这种技术感到好奇，即在样式表中创建一个具有 css 样式的类，然后当使用 js 创建元素时，我只是将类添加到元素中以赋予其样式css 文件。
这真的是最好的方法还是在 javascript (element.style = *) 中给出样式会更好？
请注意，在我们的案例中，内存非常重要，因此无论使用更少的内存和渲染负载都会更好。
问问题
54 次
2 回答
1
这取决于具体情况。如果您有一个元素的设置样式，您只需打开和关闭它，那么添加/删除一个类就是要走的路。但是，如果您一直在更改样式（即在动画中），那么修改样式会更好。在内存方面，添加/删除类可能会更节省内存。
于 2012-07-15T06:24:00.687 回答
1
将其放在单独的样式表中通常被认为是可维护性、内容与逻辑分离等所有好东西的最佳实践。
但是您特别提到对您非常重要的内存使用和渲染时间可能是另一回事。
您可以使用大多数现代浏览器中内置的 Web 开发人员工具（例如，Chrome 开发人员工具）来尝试内存和渲染时间的方法和配置文件。在 Chrome 开发工具中，选择时间轴，点击底部的记录按钮，加载您的页面，在页面上做一些与您相关的事情，停止记录，并检查内存使用情况和加载时间。
如果您关心的是动画，您可能需要安装 Chrome Canary，它在 Timelines 下有第三个选项（除了 Timelines 和 Memory），类似于 Frames。
于 2012-07-15T06:24:21.017 回答