關於CSS sprite 的使用心得。

2022-07-30 15:18:13 字數 481 閱讀 6335

實現:

用css的背景樣式+一整張包含很多小元素的實現各種頁面元素。

前提:對於一般的asdl國內的寬頻,當小於200kb時,其傳輸速度其實是差不多的。

個人覺得:如果是國際網域名稱,就要在不同地區設**,否則該方案應該行不通。

優點:通過合併多張小,減少頁面中連線的併發數(同一瀏覽器,對於同乙個dn支援的併發數是有限的),從而更早地載入完頁面。

缺點:1、沒有強有力的自動化軟體支援。實現過程過於複雜。

2、不好維護,尺寸與css的樣式過於耦合,改動兩者之一都可能造成不可預計的頁面bug。

權衡後一些方案:

1、在一些頁面元素固定的網頁,如郵件系統、網盤系統。

2、**中一些通用的小圖示。

3、門戶網頁的首頁,門戶**是**中的乙個瘋子,它能為了追求載入速度不惜一切。

4、對於普通**,個人覺得應該按**中頁面的模組來做相應的sprite效果,這樣,這樣,最多隻影響模組,不影響其它設計。

CSS Sprite使用整理

css sprite簡介 利用css sprites能很好地減少了網頁的http請求次數 從而大大的提高了頁面的效能,節省時間和頻寬。css sprites 在國內很多人叫 css精靈 是一種網頁應用處理方式。它允許你將乙個頁面涉及到的所有零星都包含到一張大圖中去,這樣一來,當訪問該頁面時,載入的就...

關於iview的使用心得

使用iview一定會用到render,畢業設計專案,趕鴨子上架,經過一番糾結,最終決定使用iview,感覺入坑了,bug很多,資料好少,用的人實在太少了,還有官方的各種解釋各種不清楚,哎。但是已經開始了這麼多,就不能放棄!加油吧。render函式的解釋在官方文件裡寫的很清楚,但是我是小白啊,經過一夜...

關於redis 的使用心得

專案中加入快取可以在很大程度上減輕資料庫伺服器的壓力,前幾年在專案中使用過redis,但當時使用的地方很少,對redis 也是初次使用。最近,發現專案訪問量增大,又重新使用了redis,目前很好的解決了訪問資料庫頻繁的操作。所以記錄下redis 使用的一些體會 redis 目前常使用的類庫有serv...