Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/scala/19.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在网页上呈现多个元素的最佳方法?_Javascript_Html_Optimization - Fatal编程技术网

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

Javascript 在网页上呈现多个元素的最佳方法?,javascript,html,optimization,Javascript,Html,Optimization,我正在使用javascript构建一个包含许多移动图形/文本元素的网页,我正在为每个元素使用div,但在我的手机上速度很慢。 有没有让它更快的技巧?例如,如果我的容器divoverflow样式设置为hidden则速度更快 使用SVG或其他东西更好吗?处理DOM元素是一件很繁重的事情,即使在桌面浏览器上也是如此,而且效率也很低。但是有一些很好的库可以处理DOM元素,比如动画、移动它们、以编程方式设置它们的样式等等。例如,JQuery使得跨不同平台/浏览器组合变得更简单、更健壮。但是缓慢的问题在于D

我正在使用javascript构建一个包含许多移动图形/文本元素的网页,我正在为每个元素使用
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我需要很多元素。你投了反对票吗?