中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

由黃鉆等級圖標處理引發(fā)的思考

最近在處理Qzone黃鉆圖標更新時，想起近期對業(yè)務(wù)圖標進行優(yōu)化所遇到的一些問題，把思緒收拾起來和大家一共探討，歡迎多方聲音。

在實際工作中，圖標類的應(yīng)用非常廣泛，如同數(shù)組般的等級圖標更顯其特殊性。下面要共同探討的兩個方向，以什么方式實現(xiàn)及怎么更好在貼近項目實際更好地實現(xiàn)并供應(yīng)用。

假設(shè)：業(yè)務(wù)的用戶等級共有10個，加上大小2種視覺尺寸的圖標，還有“過期未續(xù)費用戶”的表現(xiàn)，共有38個圖標需要入庫供調(diào)用（如下圖）。

在項目的CSS框架研發(fā)中，會有幾個key作為考慮：請求數(shù)、代碼量、兼容性、圖片文件大小、是否可并為組件模塊且方便邏輯性實現(xiàn)。

1. 眾多不同等級的圖標在不同方式的廣泛應(yīng)用時，是否會產(chǎn)生過多的文件請求；
2. 等級圖標的代碼在實現(xiàn)上是否會使用過多的代碼，且頁面上真實應(yīng)用的只是少量代碼，從而造成代碼臃腫；
3. (x)html+css輸出的圖標應(yīng)用到頁面中，是否和頁面上其它元素兼容，否則將為達到兼容目標而增加一系列代碼；
4. 如果各圖標合并后，權(quán)衡項目應(yīng)用的實際情況，圖象文件是否會過大而消耗帶寬；
5. 圖標的HTML固定，className命名中的某個數(shù)字命為作為變量，通過修改變量來達到表現(xiàn)效果。

出處：騰訊Webteam
責(zé)任編輯：bluehearts

上一頁 下一頁 由黃鉆等級圖標處理引發(fā)的思考 [2]

◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。