Javascript 在网页上呈现多个元素的最佳方法?
我正在使用javascript构建一个包含许多移动图形/文本元素的网页,我正在为每个元素使用Javascript 在网页上呈现多个元素的最佳方法?,javascript,html,optimization,Javascript,Html,Optimization,我正在使用javascript构建一个包含许多移动图形/文本元素的网页,我正在为每个元素使用div,但在我的手机上速度很慢。 有没有让它更快的技巧?例如,如果我的容器divoverflow样式设置为hidden则速度更快 使用SVG或其他东西更好吗?处理DOM元素是一件很繁重的事情,即使在桌面浏览器上也是如此,而且效率也很低。但是有一些很好的库可以处理DOM元素,比如动画、移动它们、以编程方式设置它们的样式等等。例如,JQuery使得跨不同平台/浏览器组合变得更简单、更健壮。但是缓慢的问题在于D
div
,但在我的手机上速度很慢。
有没有让它更快的技巧?例如,如果我的容器div
overflow
样式设置为hidden
则速度更快
使用SVG或其他东西更好吗?处理DOM元素是一件很繁重的事情,即使在桌面浏览器上也是如此,而且效率也很低。但是有一些很好的库可以处理DOM元素,比如动画、移动它们、以编程方式设置它们的样式等等。例如,JQuery使得跨不同平台/浏览器组合变得更简单、更健壮。但是缓慢的问题在于DOM本身,而不是JS,也不是您编写的代码以及如何处理它 所以你是对的!您最好使用DOM以外的东西,SVG使事情变得更好。老实说,我对它了解不多,每次我看到它的语法,它都很可怕!但我知道它有自己的动画系统,比其他DOM元素更轻量级 但我建议你的是帆布。它是HTML5,比处理DOM元素(如div)和绘制SVG(如80M62.5D10)更快,语法也更漂亮。Canvas使用漂亮的JS函数API,逻辑上易于理解和设计。你所做的就是pureJS。此外,canvas的性能也被证明是伟大的!例如:
它提供了AdobeFlash的美观和功能,但是JS的可移植性:)是:不要。减少使用的动画数量。你的网站的可访问性会大大提高。我想这概括了答案:@NiettheDarkAbsol我需要很多元素。你投了反对票吗?