谈切图优化加速图片显示—淘宝实例
作者：ui163 来源：ui163.com 发布时间：2008-01-30 12:24:00
标签：CSS,Sprite,Sprite,切图,图片,淘宝
我们先看一下淘宝的页面：
这么一个庞然大物，该怎么切图呢？显然按照给出的方法也可以完成这项任务，但是做为前端开发的我们是否应该给自己提出更高的要求了，是否有更优化的解决方法呢？ 让我们看看淘宝的做法：
这个是淘宝首页的切图：
到这里我们也许恍然大悟了，但是这个只是表面的
至于为什么要针对ie和firefor而使用不同的的背景图片，也不太明白？如果有高手知道请赐教了
三个技巧(CSS Sprite)：
1. 图片限制(Image Slicing)
2. 单图转滚(Single-image Rollovers)
3. 延长背景(Extend Background Image)
0
投稿猜你喜欢
前言SPA项目中，首屏加载速度都是老生常谈的问题了，首屏时间直接反应了用户多久能看到页面的主要内容，这决定了用户体验，本文聊一聊如何采集首屏- 如果我需要在运行有SQL Server的机器上运行病毒扫描软件，怎样做才不会影响性能？ 这取决于您希望运行的病毒扫描软件的类型。目前有三种类
- 一、需求需求很简单，就是需要查询一个报表，只有1个表，数据量大约60万左右，但是中间有些逻辑。先说明一下服务器配置情况：1核CPU、2GB内
- 在SQL语句中如果定义字符串，则字符串必须使用“'”就是单引号进行声明，但是如果现在所操作的数据库本身含有“'”单引号，就会
- 本文实例为大家分享了vue实现购物车加减的具体代码，供大家参考，具体内容如下通常我们会在模板中绑定表达式,模板是用来描述视图结构的。如果模板
- 本文实例讲述了js+CSS实现弹出居中背景半透明div层的方法。分享给大家供大家参考。具体实现方法如下：<!DOCTYPE html
- 前言Django 和 DRF(django rest framawork) 的结合在 python 后台中经常出现的组合。对于异常的全局处理
- 前言其实容器类型的转换可以说是数据类型的转换，涉及到三个函数，分别是tuple()、list()、set()。为什么要做容器类型的转换，是因
- 题目描述1046. 最后一块石头的重量 - 力扣（LeetCode）有一堆石头，每块石头的重量都是正整数。每一回合，从中选出两块 最重的 石
- 目录1. lru_cache的使用1.1 参数详解1.2 基本用法1.3 进阶用法2. functiontools.wrap装饰器对lru_
- 我就废话不多说了，直接上代码吧！import torchimport torch.nn as nnfrom torch.autograd i
- 前言对于刚刚下载好的pycharm，初学者使用会有一些问题，这里将介绍关于字体，背景，这些简单的设置将会提升编程的舒适度（下面以PyChar
- 前言快过年了，又到了公司年底评级的时候了。今年的评级和往常一下，每个人都要填写公司的民主评议表，给各个同事进行评价打分，然后部门收集起来根据
- 本文记录，如何使用 Python 来抓取，图片或者文件的，创建日期，修改日期1. 读取照片创建日期（._getexif()）from PIL
- 还是一个关于checkbox的一个普通的效果，就是根据你勾选的checkbox,列出你选择了哪些值演示代码：<!DOCTYPE htm
- 我就废话不多说了，大家还是直接看代码吧~from torch import nnclass SELayer(nn.Module): def
- JS：$(".con").eq(0).show(); $(".btn span").cl
- 回想下，在 Python 中编程时，你是否曾经需要检查某个可迭代对象(如列表)中的任何元素或所有元素的计算结果是否为True？假设，我们要判
- 1.安装pyinstaller https://www.jb51.net/article/177160.htm2.安装pywin32 htt
- 如下所示：d = { 'a': '0.0000', 'b':
