HTML元素是否加载,即使它们没有附加到DOM？骨干观点怎么样？

Question

如果我创建一个图像标记而没有实际将其添加到DOM并向其添加源,它是否仍然获取图像并加载它.我的意思是当我将它附加到DOM时,我立即看到图像没有任何延迟？

更具体地说,我目前正在使用骨干网.因此,如果我创建了一堆骨干视图并将它们存储在一个数组中,每个都保存单个图像,即使我没有将它附加到DOM,也要渲染这些图像吗？当我将这些视图附加到DOM时.我会立即看到图像吗？

this.$el.append(view.render().el); // where view object was created before and stored in an array

这是一个很好的预取策略,内存限制怎么样？

Answer 1

是的,这是用于加载背景图像的常用(并且不是很好)方案:将src添加到Image元素但不将其添加到DOM.浏览器加载它就像在DOM中一样.

在加载后将图像添加到DOM时,会立即呈现它们.