我想學(xué)習(xí)一下 移動(dòng)端的圖片預(yù)加載(用戶滑動(dòng)界面的時(shí)候按需加載圖片,起初是用占位圖片撐起來),誰有教程啊 有的話發(fā)一下或者加QQ互相交流 感激不盡(476618360@qq.com)
2017-07-19
看完老師的jQ方法建議嘗試用原生js寫一遍可以鞏固一下自己的原生js能力。
用原生我覺得一兩個(gè)點(diǎn)值得注意,第一點(diǎn)是“上一頁(yè)”和“下一頁(yè)”這兩個(gè)a標(biāo)簽按鈕添加點(diǎn)擊事件的時(shí)候,如果性能優(yōu)化來講“事件委托”要比for循環(huán)添加事件跟好一點(diǎn)。第二個(gè)點(diǎn)就是原生中圖片對(duì)象加載是onload事件,imgObj.onload = function () {}。
最后:無論你是按照老師用JQ實(shí)現(xiàn)還是用原生js實(shí)現(xiàn)的,瀏覽器運(yùn)行的效果都不明顯。如過你用的是“谷歌瀏覽器”,F12 用打斷點(diǎn)功能 一步一步看代碼運(yùn)行的順序,就可以看到和老師一樣的效果。
用原生我覺得一兩個(gè)點(diǎn)值得注意,第一點(diǎn)是“上一頁(yè)”和“下一頁(yè)”這兩個(gè)a標(biāo)簽按鈕添加點(diǎn)擊事件的時(shí)候,如果性能優(yōu)化來講“事件委托”要比for循環(huán)添加事件跟好一點(diǎn)。第二個(gè)點(diǎn)就是原生中圖片對(duì)象加載是onload事件,imgObj.onload = function () {}。
最后:無論你是按照老師用JQ實(shí)現(xiàn)還是用原生js實(shí)現(xiàn)的,瀏覽器運(yùn)行的效果都不明顯。如過你用的是“谷歌瀏覽器”,F12 用打斷點(diǎn)功能 一步一步看代碼運(yùn)行的順序,就可以看到和老師一樣的效果。
2017-07-14
厲害了我的老師,我的js要開始進(jìn)階了,起初就想學(xué)習(xí)圖片預(yù)加載技術(shù),沒想到接觸到了高大上的編寫插件,還鞏固了一遍面向?qū)ο?,謝謝老師。ps:老師的教程須知里說明了一切,看的困難的童鞋請(qǐng)惡補(bǔ)下基礎(chǔ)。
2017-07-08