Sprites技术及其优化,精灵图的利弊

商量CSS Coca Colas技艺及其优化

2012/05/17 · CSS · CSS

来源:微博UDC

CSS 7-Ups 才具对于相近的前端程序猿来讲应该是少数也不素不相识。这一个被国内开辟者小名为“CSSSmart”。 CSS百事可乐的玩意到底毁灭了怎么样难点,我们又怎么着合理选择这一个工夫呢?下边让大家详细的闲聊。

在豪门还在拨号上网的“公元元年早先时代”,由于网速的界定,页面开辟者都爱好把网页里面包车型客车图片字节数调节的要命小,往往在贰个图纸文件夹里散落着n多的小 碎图。随着互联网技艺的进步,网速的升官,大家特别钟情页面包车型客车加载速度,页面成效难点,过去的那叁个小图便成为了前面三个开拓者的眼中钉,因为每加载一张图片都 会发生壹遍浏览器伏乞数,发起的伏乞数更多那么页面加载的速度也越慢。还应该有当页面加载时,图片贰个个的零碎显示,鼠标经过时候背景闪白等也都以大家无法忍 受的。于是乎将页面中的背景图整合到联合,利用“background- image”,“background- repeat”,“background-position”的重新组合打开背景定位的技能被大范围选择与了页面营造中,那正是CSS Coca Colas。当然CSS Pepsi-Colas才具也存在着保卫安全困难,内部存款和储蓄器占用大等等的短处。

好了,若是本身只说这么些,那么那篇小说就有一些太水了。前边那二个只是对CSS 雪碧s本事的三个执行。作为一个开辟者大家相应对它有七个更康健的认知,发掘深度内容,那样才具便于大家效能开荒,团队通力合营。

发烧的多人拼图游戏

运用CSS Pepsi-Colas,就恍如玩拼图游戏一样。一张白画布,那么多图怎么放到里面去才会全盘?那是个令人郁结的事。而且在其实在职业情景中, 我们面对着品种支付时间紧张,UI设计图要分期提供,三个人一齐开采三个连串等等难题。那个标题特别轻松让大家在大类型中迷失,产生CSS拼图混乱,维护及 其艰苦的事态。

定好法规,其实拼图也挺有趣的

先行的备选专门的学业

应对二个品类前期维护开销大的主题材料,大家最棒的设计方案正是在上马前制定意气风发多级的正式来界定难点的出品。好的起始是打响的四分之二。对于 CSS 七喜s,在品种上马前,大家要丰盛认知二个出品,同UI设计员做好卓绝的关系,对我们前程结合大家Sprites图的次第要素有个大约的 概念,例如大家的背景拼图大概包蕴怎么样。

二个好的Pepsi-Cola画布是必得的

网页设计之中,Grid系统是少不了的,好的Grid能一举成功大家相当多制版难题。Grid系统相符适用于CSS 雪碧s。大家要求创建好叁个好好的画板,剩下的专门的学业正是将成分合理的放松权利画板中了。

那张是自己计划的一张CSS Coca Colas画布,大家就要此个PSD里面组合品种中的图片。

那张画布是由20px*20px像素的格子组成。那个格子基本上由项目决定的,当大家同UI设计员交换驾驭那么些项目最多的为16px*16px Logo时。我们就能够利用这种Grid尺寸为画布了。

图片 1

Pepsi-Colas画布有了,接下去正是对Logo实行分组了

对于音讯的综合总括、分类是叁个美不可言的事情。就拿Logo来讲,大家就能够依据Logo成效,尺寸等等作为音信维度举行总结。其实无论怎么总结,都以足以的,只是回忆我们以一个方向作为正式就能够了。

下图是根据腾讯网站外某组件完毕的CSS Pepsi-Colas

图片 2

听他们讲规划,大家精通在这里个页面,须要将图纸元素遵照效果与利益分为4个维度,即果壳网品牌呈现成分、提交开关、操作类小开关、提示类ICON。于是本人将画布 X轴坐标方向每5个格(其实完全能够11个格或然越来越多卡塔尔划分为三个区域,每一种那样二个区域的Y轴方向不再划分区域,这样做的指标是为着今后扩充Logo的增添性。于是我们得以特别连忙拿到七个Logo的坐标了。举个例子不可用的暗红的享用开关 X坐标=5*20px=100px Y坐 标=7*20px=140px; 那么大家就收获了那几个Logo的职责即background-position: -100px -140px。尽管抽象成 为公式的话,我们设置三个单元格的宽窄为变量n。X坐标值Gx,Y坐标值Gy。那么画布中的成分css背景即为:background- position:-Gx*npx –Gy*npx 了。

现行反革命图有了,怎么取图也是关键

因为图片尽大概的被重新组合到一张拼图,所以大家供给在页面使用图片的地点运用空标签订位的格局将拼图所需表现的风流罗曼蒂克对显得到页面中。

 

XHTML

<span class=”iconA”></span> .iconA { display:inline-block; height:16px; width:16px; background:url(icons.png) -20px -20px no-repeat }

1
2
<span class=”iconA”></span>
.iconA { display:inline-block; height:16px; width:16px; background:url(icons.png) -20px -20px no-repeat }

 

品种现身二期需要了,需求追加Logo?

供给接二连三无法说了算,大家要尽量的为以往增添图片做好计划。在刚刚的例子的档案的次序里中期产物需求追加图标,于是:

图片 3

大家得以继承在对应的图区内扩张对应的Logo。可是那几个事例相仿暴光了叁个劣势,假诺新扩充三个按键区域大于5n(100px),大家的图区不足以承 载。那时候大家得以同付加物,设计员调换和谐,商酌是还是不是能够打消过大的按键设计。假若必要确定,那我们只好顺着X轴方向持续扩张画布。不过,大家也供给在意Infiniti的松开一张画布,相似会促成对页面作用的熏陶。

马上的制订好正式,记录好改正日志

可能在项指标开始时代,大家还来比不上制定合图的现实标准,在档期的顺序中我们会遇到多姿多彩的主题素材。及时的总计,维护整张CSS拼图,在拼图的PSD或者PNG(使用Fireworks卡塔 尔(阿拉伯语:قطر‎做好注释,方便别人付出。拼合好的图片提交到svn时也写明log内容,那样便自此查询。

图片 4

咱俩最终的目标

实则CSS Sprites经过了那么多年的演化,前端开垦者不断的优化,都以为了进步页面效用,进步团队开拓作用,减弱支出珍重开支而使劲。协作近些日子那个流行的将CSS动态语言化(如SASS LESS等卡塔尔国,增参加变量, 世襲, 运算, 函数等。CSS Coca Colas会变的更加有意思,会压缩越多的支付爱惜资金。以致大家在“面向对象”的模块开拓方式中,还是能够利用二个类的的同一个backgroud-position:(x y卡塔尔国值,在不相同的页 面通过援用区别的图形(background属性卡塔 尔(阿拉伯语:قطر‎达成将叁个页面内图片诉求量进一层减弱的目标。随着高端浏览器的遍布我们还能多应用CSS3属性,收缩渐变背景图的选用,将纯色ICON制作成字体代替拼图等大家能越来越大程度上减小图片的使用量。那篇小说只是投石问路。实际上还应该有不菲关于 CSS 7-Ups的格局,还恐怕有众多的拼图生成工具。

说了那么多,大家只要在平时的花费中,只要大家多留神总括,敢于校勘,敢于制订标准,那么再小的事也能干的比比较美貌,对于CSS 7-Ups的优化正是那样一个例子,你说不是么?

赞 1 收藏 评论

图片 5

Web 发展的速度让洋意大利人惊叹不已,不可计数的零件、本领,只须要合理的咬合、得当的设


1、CSS Coca Cola(Sprite图|Smart图)指什么? 有如何效用

CSS百事可乐 即CSS 百事可乐,也可以有人叫它CSSSmart,是后生可畏种CSS图像合併技能,该措施是将小Logo和背景图像合并到一张图纸上,然后接受css的背景定位来显示须求体现的图样部分。

置,就足以让 Web 程序质量不断飞跃。全体 Web 的思考都是通用的,它们也可以接受到

CSS 七喜s 、Smart图、 Sprite图 都以多个定义


优点:

压缩加载网页图片时对服务器的伏乞次数
能够统大器晚成许多背景图片和小Logo,方便在别之处应用,那样不相同职责的伸手只要求调用七个图片,进而收缩对服务器的哀告次数,缩短服务器压力,同临时间加强了页面包车型客车加载速度,节约服务器的流量。
巩固页面包车型地铁加载速度
sprite 技巧的中间二个利润是图表的加载时间(在有比较多 sprite 时,单张图片的加载时间)。由所需图片拼成的一张 GIF 图片的尺寸会明显低于全部图片拼合前的分寸。单张的 GIF 独有有关的一个色表,而单独分割的每一张 GIF 都有和睦的一个色表,那就大增了豆蔻年华体化的轻重。由此,单独的一张 JPEG 也许 PNG sprite 在尺寸上特别可能比把一张图分成多张得来的图样总尺寸小。
减去鼠标滑过的局地bug
IE6不会积极性预加载鼠标滑过即a:hover中的背景图片,所以,若是使用多张图片,鼠标滑过会现出闪白之处。使用CSS雪碧,由于一张图片就可以,所以不会冒出这种气象。

Java Web。那后生可畏种类的篇章,首要教学网页前端的品质优化,是与客商最直白触及的。事实

* 作者对Smart图的大致理念

关于Smart图我轻松的牵线一下:正是把多张小图片拼接成一张大图片,通过定位,设置X,Y轴坐标的值,并让超出部分隐藏,那样就能够显示图片的局部,也正是我们想要的意气风发部分,那样做有利于页面优化,当页面加载时,不是加载每种独立图片,而是一回加载整个组合图片。它大大减少了HTTP请求的次数减轻服务器压力同时缩短了悬停加载图片所需要的时间延迟,使效果更流畅不会停顿

但它适用于小型项目,它的流弊就是合并图片难,况兼即便后期改变某一个图片,超级大概就能够影响页面的整体布局,须要重新安装各样小Logo的X,Y坐标,

亟待在乎的是,Smart图以左上角坐标原点(0,0),X轴的水平向右正方向Y轴竖直向下正方向,X,Y取值均为负值

简单来说举个自己在工作中的利用例子,最轻巧易行的登入框,在input中投入username客户名的小Logo,在keyword客户密码中插足密码锁的Logo,还恐怕有正是周围于京东的最右侧的一定定位侧面栏的加购物车,小编的京东等小功能的图标都以行使的机智图。

缺点:

内存使用
潜濡默化浏览器的缩放成效
拼图维护相比费劲
使CSS的编写变得困苦
CSS Coca Cola调用的图形不能够被打字与印刷
荒唐得使用 百事可乐s 影响可访问性

表明,与其消耗多量时间在劳动器端,在前面一个进行的优化更易拿到客商的料定。

一. 原理

CSS Coca Colas其实正是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”“background- repeat”“background-position”的整合张开背景定位,background-position能够用数字正确的定势出 背景图片的岗位。

2、img标签和CSS背景使用图片在行使景况上有何区别

img标签的图样日常是可变的,比如网址上的广告,客户头像,成品介绍、网页介绍,这一个能传达更加的多内容的事物。

图片 6

QQ截图.jpg

css背景图片平日少之又少变化,除非网页改版或许有个别样式必要改版才会转移。

图片 7

QQ截图20160809214924.jpg

一.引言

二. 使用处境

CSS 雪碧s能够用在无数场所,大型网址能够将众多独立的图形,以有机的章程组成起来,进而使其便利维护和改善。图片之间平时会留出一点都不小的空域,使得图片不会潜濡默化网页的故事情节。

但与此同不经常间CSS Coca Cola多数使用于较固定的像素定位中,它的弹性较差,受到一定等要素的钳制。所以,你须求在可维护性vs降低负载里面权衡利弊,选取最符合您的品类 的方法。

3、title和 alt属性分别有啥遵循?

title 属性是在你鼠标悬停在该图形上时显得二个小提醒,疑似标签讲授风流倜傥类的功效。title属性能够用在除了 base,basefont,head,html,meta,param,script 和 title 之外的具有标签。

图片 8

QQ截图20160809221646.jpg

alt 属性是在你的图形因为某种原因无法加载时在页面展现的提醒音信,它会直接出口在原来加载图片的地点。alt属性只可以用在img、area和input成分中。

图片 9

QQ截图20160809221222.jpg

后边贰个的高品质部分,主倘使指收缩乞请数、降低传输的数额以致提升客户体验,在这里个某个,

三. 优点

1.利用CSS Pepsi-Colas能很好地 减少网页的http请求,进而大大的升高页面包车型地铁性质,那也是CSS Pepsi-Colas最大的长处,也是其被遍布传播和应用的根本原因;

2.CSS Sprites能减少图片的字节,曾经相比较过多次3张图片合併成1张图纸的字节总是小于那3张图纸的字节总和。

3.消除了网页设计员在图纸命名上的困扰,只需对一张汇聚的图片上命名就足以了,没有必要对每多个小成分举办命名,进而抓牢了网页的造作效能。

4.调换风格方便,只须求在一张或少张图片上改变图片的水彩或样式,整个网页的作风就足以改革。维护起来尤其方便。

4、background: url(abc.png) 0 0 no-repeat;那句话是什么样看头

背景图援用相对目录路线为abc.png的图形。
backgroun-position:0 0为左上角(背景图片放置容器地点卡塔 尔(阿拉伯语:قطر‎。
x% y% ( 第贰个值是程度地方,第三个值是垂直地方。左上角是 0% 0%。右下角是 百分之百 百分百。若是您仅规定了多个值,另三个值将是 四分之二。)
mpx npx (第2个值是水平地点,第三个值是垂直地点。左上角是 0 0。单位是像素 (0px 0px) 或别的此外的 CSS 单位。纵然您仅规定了三个值,另一个值将是五成。)
no-repeat:不重复。
repeat:重复
no-repeat:不重复
repeat-x:仅水平重复
repeat-y:仅垂直重复
inherit:世袭自父辈成分。

图形的优化显得主要。大多网址的鼓吹,都是靠靓丽的图片到达的,图片恰巧是侵夺带宽

四. 缺点

真的CSS 七喜s是这么的强盛,但是也存在部分不行忽视的破绽,如下:

1.在图片合并的时候,你要把多张图纸有序的合理性的统一成一张图纸,还要留好丰富的半空中,幸免板块内冒出无需的背景;那么些幸亏,最惨恻的是在 宽屏,高分辨率的显示器下的自适应页面,你的图样假如非常不足宽,相当轻易现身背景断裂

2.CSS Pepsi-Colas在付出的时候可比忙碌,你要透过 photoshop或任何工具度量总计每多少个背景单元的典型地方,那是针线活,没什么难度,可是很麻烦;幸而腾讯的鬼哥用 ADOBE AICR-V开采了一个CSS Pepsi-Colas 样式生成工具,纵然还会有部分行使上的不灵活,可是曾经比photoshop度量来的平价多了,何况样式间接扭转,复制,拷贝就OK!

3.CSS Sprites在维护的时候比较麻烦,如若页面背景有些改造,常常就要改那张联合的图片,无需改之处最佳不要动,这样幸免改变越多的 css,假使在本来的位存放不下,又不能不(最佳卡塔尔往下加图片,那样图片的字节就充实了,还要改造css。

4.CSS Coca Colas特别值得学习和使用,特别是页面有一群ico(Logo卡塔尔。简单来说超多时候我们要权衡一下优劣势,再决定是还是不是使用CSS Coca Colas。

5、background-size有哪些意义? 宽容性怎样? 常用的值是?

background-size 属性规定背景图像的尺码

图片 10

QQ截图20160809223638.jpg

常用值:
length设置背景图像的中度和幅度。第叁个值设置宽度,第4个值设置中度。借使只设置贰个值,则首个值会被设置为 "auto"。

图片 11

QQ截图20160809225546.jpg

percentage以父成分的百分比来设置背景图像的肥瘦和惊人。第4个值设置宽度,第三个值设置中度。如若只设置贰个值,则第2个值会棉被服装置为 "auto"。

图片 12

QQ截图20160809225708.jpg

cover把背景图像增添至丰硕大,以使背景图像完全覆盖背景区域。背景图像的一点部分或许不能浮现在背景定位区域中。

图片 13

QQ截图20160809225832.jpg

contain把图像图像扩大至最大尺寸,以使其宽度和冲天完全适应内容区域。

图片 14

QQ截图20160809225932.jpg

的首恶。每个 img 标签,浏览器都会推测算与发放起叁个下载央浼。本文就详细介绍了图片优化的

五. 相比较卓越的施用案例

  1. YouTube使用了二个2010像素高的CSS 百事可乐s:
![](https://upload-images.jianshu.io/upload_images/5726812-d094e840ad532bdd.gif)

YouTube
  1. 苹果网站选取CSS 七喜s来创设导航菜单的鼠标悬停效果:
![](https://upload-images.jianshu.io/upload_images/5726812-a2683f7c1ec72bd6.jpg)

Apple
  1. 亚马逊(亚马逊(Amazon卡塔 尔(阿拉伯语:قطر‎卡塔 尔(英语:State of Qatar)使用的大幅度、鱼贯而来奇妙的CSS Coca Colas:
![](https://upload-images.jianshu.io/upload_images/5726812-f84f4a3aa4b4837d.png)

Amazon
  1. CNN使用了非常简单严慎的方案:
![](https://upload-images.jianshu.io/upload_images/5726812-f9bc2ce8eec96330.gif)

CNN
  1. Google使用了极度简化的方案:
![](https://upload-images.jianshu.io/upload_images/5726812-3050261a38b67959.png)

Google

6、怎么着让四个div水平居中?怎么着让图片水平居中?

div水平居中:margin:0 auto;
图表水平居中:1、//ie8及以上
display:table-cell;
vertical-align:middle;
2、在内层容器内加三个空成分
.item:before{
display:inline-block;
height:100%;
vertical-align:middle;
}
.item2 img{
vertical-align:middle;
}
3、js管理,设置内外外边距等高

二种形式,介绍了利用的工具以至优化后的结果。

7、怎样设置成分透明? 包容性?

opacity:从 0.0 (完全透明卡塔 尔(阿拉伯语:قطر‎到 1.0(完全不透明卡塔 尔(阿拉伯语:قطر‎

图片 15

QQ截图20160809230850.jpg

二.图片压缩

8、opacity和 rgba都能设置透明,有啥样分别

opacity:日常用于调度图片恐怕模块的总体不反射率,设置opacity成分的具有后代成分会趁机一齐怀有透明性。opacity取值0~1之间。
rgba:设置颜色的不折射率,日常用来调节background-color、color、box-shadow等的不发光度。Alpha发光度。取值0~1之间。

收缩图片的朗朗上口,能够精晓于指标抓实质量,而对此原来就有图表,要想减小图片的分寸,只好改换图

片的格式,这里推荐的是 PNG8 的格式,它可以在主导保障清晰度的情状下,收缩图片的大

小。知道那个原理以后,能够用 Windows 的摄影工具、以致 PhotoShop 工具各个的变动。

不过尔尔做的弱项是单张管理,效率太慢。本文推荐三个在线调换工具 Smush.it,能够批量

的进行减少与转移。它之处是:www.smushit.com/ysmush.it。展开后效果如下图所示。

图 1. Yahoo 提供的在线压缩工具

大家上传了一张大小为 3790K 的图片,待在线程序管理达成后,点击 Download Smushed

Images 下载查看结果。下载分界面如下图所示。

图 2. 调整和收缩后的结果

开垦下载下来的压缩包,查看结果能够看看,图片从 3790 减低到了 3344,就如下图所示。

对此大量的图样网址,这几个方法会协理急速实现批量图形压缩。

图 3. 减去后的结果

三.图像合併实现 CSS Pepsi-Colas

CSS 雪碧s 是二个抓住人的技艺,它实际上就是把网页中一些背景图片整合到一张图片文件

中,再利用 CSS 的“background-image”,“background- repeat”,“background-position”的

构成展开背景定位,background-position 可以用数字能确切的一定出背景图片之处。利用

CSS Pepsi-Colas 能很好地减削网页的 HTTP 伏乞,从而大大的提升了页面包车型客车属性,那也是 CSS

Pepsi-Colas 最大的独特之处,也是其被布满传播和利用的要紧缘由。CSS Pepsi-Colas 能压缩图片的字

节,由于图像归中国人民解放军总后勤部为主消息不用再行,那么多张图片归总成 1 张图片的字节往往总是小于

那么些图片的字节总和。同期 CSS Pepsi-Colas 毁灭了网页设计员在图片命名上的麻烦,只需对一张

会见的图片上命名就足以了,没有必要对每七个小成分进行命名,进而加强了网页的创建作用。

改换风格方便,只需求在一张或少张图纸上修改进改图片的颜料或样式,整个网页的品格就足以改

变。维护起来特别有益。同时,由于将图纸合并到一张图片,由此图片的乞请数就被减削到 1

个。别的的央浼都得以用到地点缓存,没有须求拜候服务器。下图是一个联合之后的图片。它将

众多小Logo都拼到了伙同。

图 4. 合併后的图形

那边介绍贰个小工具 ---“CSS Sprites 样式生成工具 2.0”,能够从 这里下载。那是二个简练免

费的小工具,用该工具展开上面的图样,选中图片中的某块。如下图的“海螺红大拇指”部分,工

具会总括出这些局地的长、宽、间隔左上角的偏离。勾选复制类名、复制宽、复制高,再点

击“复制当前体制”开关。这样生成的样式会被复制到剪切板上。

图 5. 小工具的利用

更改的 CSS 代码如清单 1 所示。

清单 1. 小工具生成的 CSS 代码

.div_6148{width:18px;height:20px;background-position:-17px -209px;}

将这段代码应用在网页上,它的代码如下清单 2 所示。

清单 2. 测试 CSS Sprites 代码

.div_6148

{

width:18px;

height:20px;

background-image:url(css-sprites-source.gif);

background-position:-17px -209px;

}

开采测量检验网页展现结果如下图所示。

图 6. 测量检验网页效果

能够见到,网页只显示工具接收的“灰绿大拇指”部分,那样的代码能够行使在网页的多个部

分,而图片只须要下载二次,那正是该技艺的最大优势,减少了因为小图片引起的五个央浼。

四.多域名央求

突发性,图片数据太多,一些小卖部的消除措施是将图纸数据分到多个域名的服务器上,那在后生可畏

地点是将服务器的伸手压力分到三个硬件服务器上。另一面,是运用了浏览器的风味。常常

来说,浏览器对于同生机勃勃域名的图样,最多用 2-4 个线程并行下载。区别浏览器的现身下载

数,都以分化的,并发数如下清单 3 所示。

项目清单 3. 各浏览器的并发下载数

Browsers                  HTTP/1.1  HTTP/1.0

IE6,7                      2          4

IE8                        6          6

FireFox 2                  2          8

FireFox 3                  6          6

Safari 3,4                4          4

Chrome 1,2                6          ?

Chrome 3                  4          4

Opera 9.63,10.00alpha      4          4

而雷同域名的别的图片,则要等到别的图片下载完后才会发轫下载。 这里本人做了叁个测量试验,

分选了七个相同域名的图片在同一网页上。代码如项目清单 4 所示。

清单 4. 单域名的多图片下载

接下去,使用 Fire福克斯 的 Firebug 插件监察和控制网络(Firebugde 使用请参考“Firebug,Debugger

javascript 调节和测量试验利器 附下载地址")。结果如下图所示。

图 7. 单域名多图片的监察和控制成效

可以观看,相同域名的多张图纸,它们下载的最早点是存在延迟的。它们并不是相互下载。当

我们将个中的 3 张图纸换到其余域名图片。如清单 5 所示。

清单 5. 多域名多图片下载

重新翻开互连网监察和控制,能够看看,这一个图片是相互下载的。

图 8. 多域名多图片测量检验结果

多域名的下载纵然很好,不过太多域名并不太好,日常在 2-3 个域名下载就差少之又少。

五.如何鲜明慢加载

上文介绍的至关重倘若什么对图纸打开优化归拢,可是大家不容许对各样页面的各样图片都进展上

面包车型地铁操作,所以,怎么样获悉当前页面包车型客车慢加载图片则更是关键。

Browser Insight 首如果OneAPM开辟的大器晚成款针对于前边二个页面监察和控制甚至前端性能优化的工具,

职能维度很丰裕,本文重要介绍的是其慢加载的瀑布流图作用。

图9.Browser Insight 页面响应时间

粘贴的图像1079x635 87.1 KB

图10.能源列表-时序图

粘贴的图像866x694 41.8 KB

参谋上边多个图片,大家能够在 Browser Insight 的“访谈页面”的“慢加载跟踪”模块走入“财富

列表时序图”页面,我们得以在这里个页面及其详细的看到拖慢整个页面加载的图形、脚本、css

等,进而开展有针对性的优化

:本文转发自 IBM 社区,由 OneAPM 产物运行编辑收拾,最先的小说链接为:

http://www.ibm.com/developerworks/cn/java/j-lo-javawebhiperf1/#icomments29

本文由星彩网app下载发布于前端技术,转载请注明出处:Sprites技术及其优化,精灵图的利弊

TAG标签:
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。