网页重构:由网页图标处理引发的思考
最近在处理Qzone黄钻图标更新时，想起近期对业务图标进行优化所遇到的一些问题，把思绪收拾起来和大家一共探讨，欢迎多方声音。
在实际工作中，图标类的应用非常广泛，如同数组般的等级图标更显其特殊性。下面要共同探讨的两个方向，以什么方式实现及怎么更好在贴近项目实际更好地实现并供应用。
假设：业务的用户等级共有10个，加上大小2种视觉尺寸的图标，还有过期未续费用户的表现，共有38个图标需要入库供调用（如下图）。
在项目的CSS框架研发中，会有几个key作为考虑：请求数、代码量、兼容性、图片文件大小、是否可并为组件模块且方便逻辑性实现。
众多不同等级的图标在不同方式的广泛应用时，是否会产生过多的文件请求； 等级图标的代码在实现上是否会使用过多的代码，且页面上真实应用的只是少量代码，从而造成代码臃肿； (x)html+css输出的图标应用到页面中，是否和页面上其它元素兼容，否则将为达到兼容目标而增加一系列代码； 如果各图标合并后，权衡项目应用的实际...[ 查看全文 ]
2016-02-20
标签:
