由黃鉆等級圖標處理引發(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)。
- 眾多不同等級的圖標在不同方式的廣泛應(yīng)用時,是否會產(chǎn)生過多的文件請求;
- 等級圖標的代碼在實現(xiàn)上是否會使用過多的代碼,且頁面上真實應(yīng)用的只是少量代碼,從而造成代碼臃腫;
- (x)html+css輸出的圖標應(yīng)用到頁面中,是否和頁面上其它元素兼容,否則將為達到兼容目標而增加一系列代碼;
- 如果各圖標合并后,權(quán)衡項目應(yīng)用的實際情況,圖象文件是否會過大而消耗帶寬;
- 圖標的HTML固定,className命名中的某個數(shù)字命為作為變量,通過修改變量來達到表現(xiàn)效果。
出處:騰訊Webteam
責(zé)任編輯:bluehearts
上一頁 下一頁 由黃鉆等級圖標處理引發(fā)的思考 [2]
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。
|