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