很多小图片

本文介绍了很多小图片的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述 29岁程序员，3月因学历无情被辞！ 我正在JS中编写一个模式机。 我使用小型（20-50px）动态创建的div（100-200）并使用循环来 以预定义的模式将它们放在 中。我在创建时为它们分配了样式道具。 问题： 当将背景图像分配给div的样式对象时，它需要 10 - 12秒 它们会显示在屏幕上。现在我对所有 div使用相同的图像（2kB）。 它看起来像这样： var src =" url（someImage.jpg）" ;; for（var i = 0; i< arrayDivs.length; i ++） { myDiv.style.backgroundImage = src; } 我有一台中速机器，测试在本地完成。 我非常想让这项工作更快。 如果你知道任何可以用来加快这个过程的技巧，请 告诉我。 Oeyvind - http://home.online.no/~oeyvtoft/ToftWeb/ class =h2_lin>解决方案 所有 尝试 arrayDivs [i] .style.backgroundImage =''url（''+ src +''）''; oops 我的意思是arrayDivs [i] .style.background =''url（''+ src +''）''; 需要 。 它看起来像这样： var src =" url（someImage.jpg）" ;; for（var i = 0; i< arrayDivs.length; i ++） { myDiv.style .backgroundImage = src; 尝试 arrayDivs [i] .style.backgroundImage =''url（''+ src +''）''; oops 我的意思是arrayDivs [i] .style.background =''url（''+ src +''）''; I`m writing a pattern machine in JS.I use small (20-50px) dynamicly created divs (100-200) and use loops toplace themin predefined patterns. I assign style props to them at creation time.Problem:When assigning a background image to the style object of the divs, it takes10 - 12 seconds beforethey are displayed on screen. For now I`ve used the same image (2kB) for alldivs.It looks something like this:var src = "url(someImage.jpg)";for(var i = 0; i < arrayDivs.length; i++){myDiv.style.backgroundImage = src;}I have a medium fast machine and the testing is done locally.I would very much like to have this work faster.If you know any tricks that can be used to speed up the process pleaseinform me.Oeyvind-- http://home.online.no/~oeyvtoft/ToftWeb/ 解决方案 all try arrayDivs[i].style.backgroundImage = ''url(''+src+'')'';oopsI meant arrayDivs[i].style.background = ''url(''+src+'')''; takesfor all try arrayDivs[i].style.backgroundImage = ''url(''+src+'')''; oops I meant arrayDivs[i].style.background = ''url(''+src+'')''; 这篇关于很多小图片的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！ 上岸，阿里云！