摘要: ###1.说明及原理 预加载的作用:图片预加载就是在使用图片之前,事先将图片缓存下来,等到页面需要的时候直接从缓存中读取,无需再次发送网络请求,从而加快网页加载速度 预加载的原理::创建Image()元素或者img标签,当为其设置src属性时,会自动发送网络请求,浏览器会将此图片资源缓存起来。之后页 阅读全文
posted @ 2019-11-21 22:50 ---空白--- 阅读(582) 评论(0) 推荐(1) 编辑
摘要: ###1.原理及说明 九宫格图片就是将一张图片分成9份,再拼成一个完整的图片,如图: 原理:创建9个正方形容器,利用背景图定位,每个容器只显示其中的一部分,最终拼接成一张完整的图片 实现思路: (1)使用flex布局,让9个子元素以 3*3 的形式摆放 (2)因为图片有纵向和横向两种可能,所以要对图 阅读全文
posted @ 2019-11-21 20:57 ---空白--- 阅读(2377) 评论(0) 推荐(0) 编辑