求求求！！！！页面请求时图片加载一直pending，图片是直接写在img标签和css背景上的，求问怎么办

maozijia 2017-10-25 01:07:46

只有在qq浏览器这样，其他浏览器都可以正常打开。手机上用微信打开安卓一直加载显白屏，苹果正常打开，怎么办呢，求求求！！！！

...全文

776 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

1懒加载 1.1什么是懒加载？懒加载也就是延迟加载，当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次，俗称占位图)，只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。 1.2为什么要使用懒加载？很多页面很长，图片很多，图片很大，页面如果一次性加载完毕会消耗很多的时间。 ...

考察：性能优化的方案CSS Sprites，俗称雪碧图、精灵图。这是一种css图片合并技术，就是将css中原先引用的一些较小图片，合成一张较大的图片后再引用的技术方案。可以减少请求多张小图片带来的网络消耗，并实现提前加载资源的效果。缺点：css sprites 中任意一张小图的改动，都需要重新生成大图，用户需要重新下载，这就降低了浏览器缓存的优势随着HTTP2的逐渐普及，HTTP2的多路复用机制可以解决请求多个小图片所创建的多个HTTP请求的消耗，让css sprites的价值降低了。

BFC - Block Formatting Context 块级格式化上下文， BFC是一块独立的渲染区域，可以将BFC看成是元素的一种属性，拥有了这种属性的元素就会使他的子元素与世隔绝，不会影响到外部其他元素。特点：1,每一个BFC区域只包括其子元素，不包括其子元素的子元素。2,每一个BFC区域都是独立隔绝的,互不影响怎样使一个元素变成BFC区域1、body根元素2、float属性不为none3、position为absolute或fixed4、行内块显示模式，inline-block。

html5：添加了许多具有语义化的标签，如：

2021年最新Web前端HTML,CSS,Vue,React,Jquery大概率面试题合集 CSS3 HTML5 前端面视题 1.Css3新增的特性边框： border-radios 添加圆角边框 border-shadow：给框添加阴影（水平位移，垂直位移，模糊半径，阴影尺寸，阴影颜色，insetr（内/外部阴影）） border-image：设置边框图像 border-image-source 边框图片的路径 border-image-slice 图片边框向内偏移 border-image-widt

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章