-
觸發重繪的操作:
1.改變字體
2.增加或者移除樣式表。
3.內容變化,比如用戶咋input框中輸入文字
4.激活css偽類,比如:hover
5.腳本操作DOM查看全部 -
如何避免觸發repaint/reflow? 1.display 2.先將元素從document刪除,完成修改在放回原位 3.如果需要創建多個dom節點,可以使用documentFragment創建完成后一次性加入document
查看全部 -
css-sprites
查看全部 -
圖片分類: jpg,jpeg,以24位顏色存儲單個位圖,可壓縮 png,可做透明圖片,體積較大,需要清晰的顯示顏色豐富的圖片時用 gif,全透/全不透,不支持半透明 svg,矢量圖,地圖中用的多,體積小 apng,webp:jpg+png優點,未被所有瀏覽器采納
查看全部 -
11111111
查看全部 -
window.Xhrfactory.prototype = function() {
};
window.Xhrfactory= function() {
查看全部 -
git.oschina.net/chenchenjoke/market
查看全部 -
????????????響應式動態圖片加載(SDK)
需要一張默認圖片
需要將屏幕分辨率信息帶給服務器
讓服務器返回更優質更適合的圖片
? ? 未來方案
創建新元素? 例:<picture></picture>
<picture> ????<source?srcset="xxx.png"?media="(max-width:768px)"> ????<img?srcset="defaule.png"> </picture>
創建新圖片格式 by Christopher Schmitt?
比如 100K文件中包含有50K版本,20K版本的圖像
查看全部 -
圖片家在大小未來解決方案
查看全部 -
2種加載圖片的效果
查看全部 -
使用<link>樣式將資源提前
查看全部 -
觸發重繪的操作:
1.改變字體
2.增加或者移除樣式表。
3.內容變化,比如用戶咋input框中輸入文字
4.激活css偽類,比如:hover
5.腳本操作DOM
6.計算offsetWidth和offsetHeight屬性
7.設置style屬性的值查看全部 -
響應式動態圖片加載
查看全部 -
常用jpg格式,如果圖片畫面效果要求較高再用png
查看全部 -
css效果/動畫代替圖片
查看全部
舉報