很长一段时间 对于家不是很理解 只知道目的是为了是图片快速显示出来 今天突然想明白了
原来这个和浏览器的编译有关系,浏览器通常都是按顺序读取编译页面信息如先<head>标签,然后<body>标签,
我们的js,css一般都写在<head标签里面> 所以浏览器会先读取这些东西,这样js就会先于页面内容被读取,当我们把预加载的函数写在js里面的时候,当js被读取编译后
(var img = new Image(); img.src="../dada/asda.jpg" )图片就会先于页面被加载到缓存里面 这样一来,当<body>内容被浏览器读取后 就可以直接从缓存里面读取页面信息,而不需要再去服务器(此时的图片路径写在页面里)读取,加快了页面展现的速度,提高用户体验!