关于图片预加载loading及加载失败的相关问题

1.为什么网页需要loading

这是因为页面的加载是需要时间的，如果页面加载很快，loading的作用可能还不是特别能够体现，但是如果当页面加载速度不是很快甚至很慢的时候，页面就会出现白屏的状况，如果没有使用loading来和用户进行交互，用户并不知道应用到底是出现什么问题（卡死、出错或者在加载）那么就会十分的影响用户体验，页面加载所需要时间越长，那么可能损失的用户量就会多。所以在恰当的时候使用loading是解决网页加载缓慢时与用户交互的最好解决方案。

2.img加载失败后，如何显示默认图片

<img src="www.baidu.com/1.jpg" />
jQuery('img').error(function(){
   
	jQuery(this).each(function(){
   
		jQuery(this).attr('src','www.baidu.com/default.jpg')//加载失败后显示默认图片
	});
});

3.(function(){})();——javascript中的自执行匿名函数

(function(){})()

• 红色括号相当于把函数定义变成表达式，起到自执行的作用。
  类似的如：～function(){}(); ！function(){}(); +function(){}(); -function(){}();
  -绿色括号相当于函数调用，传递参数。

4.如果页面用的不是<img>标签，而是背景图片如何显示默认图片

<a class="js-prd-bg-img" style="background-image: url('')" initImg="真实图片地址" href="/product/product_id" target="_blank"></a>
<img class="js-prd-bg-img js-loading"  initImg="真实图片地址" href="/product/product_id"  src=""/