代码之家  ›  专栏  ›  技术社区  ›  Entretoize

在网页上呈现多个元素的最佳方式?

  •  -1
  • Entretoize  · 技术社区  · 7 年前

    我正在使用javascript构建一个包含许多移动图形/文本元素的网页,我正在使用 div 对于每个元素,但在我的手机上,速度很慢。 有没有让它更快的建议?例如,如果我的容器 div overflow 样式设置为 hidden 速度更快。

    另外,使用SVG或其他东西更好吗?

    1 回复  |  直到 7 年前
        1
  •  0
  •   Ardeshir Izadi    7 年前

    处理DOM元素是一件很繁重的事情,即使在桌面浏览器上也是如此,而且效率也很低。但是有一些很好的库可以用来处理DOM元素,比如为它们设置动画、移动它们、以编程方式设置它们的样式等等。例如,JQuery使得跨不同平台/浏览器组合变得更简单、更健壮。但是速度慢的问题在于DOM本身,而不是JS,也不是您编写的代码以及如何处理它。

    所以你是对的!你最好使用DOM以外的东西,SVG会让事情变得更好。老实说,我对它了解不多,每次我看到它的语法,都会觉得很可怕!但我知道它有自己的动画系统,比其他DOM元素更轻量级。

    但我建议你们的是帆布。它是HTML5,比处理DOM元素(如div)和绘制SVG(如80M62.5D10)更快,语法也更漂亮。Canvas使用漂亮的JS函数API,逻辑上易于理解和设计。你所做的就是pureJS。此外,canvas的性能也被证明是伟大的!例如: https://robostorm.io/

    它提供了Adobe Flash的美观和功能,但JS的可移植性:)