資訊專欄INFORMATION COLUMN
摘要：原生封裝發(fā)送異步，同步實現(xiàn)圖片懶加載存儲圖片加載到的位置，避免每次都從第一張圖片開始遍歷
1.原生JS封裝Jsonp
function createScript(src,callback) {
let script = document.createElement("script");
script.src = src+"callback";
document.appendChild(script)
}
function callback(json) {
console.log(json)
}
2.JS發(fā)送Ajax
let xhr = new XMLHttpRequest();
xhr.open("GET", "url",false)//false異步，true同步
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
console.log(xhr.responseText)
}
}
}
xhr.send(null)
3.JS實現(xiàn)圖片懶加載
var aImg = document.querySelectorAll("img");
var len = aImg.length;
var n = 0;//存儲圖片加載到的位置，避免每次都從第一張圖片開始遍歷
window.onscroll = function() {
var seeHeight = document.documentElement.clientHeight;
var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
for (var i = n; i < len; i++) {
if (aImg[i].offsetTop < seeHeight + scrollTop) {
if (aImg[i].getAttribute("src") == "") {
aImg[i].src = aImg[i].getAttribute("data-src");
}
n = i + 1;
console.log("n = " + n);
}
}
};
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/89949.html
摘要：面向?qū)ο笕筇卣骼^承性多態(tài)性封裝性接口。第五階段封裝一個屬于自己的框架框架封裝基礎(chǔ)事件流冒泡捕獲事件對象事件框架選擇框架。核心模塊和對象全局對象，，，事件驅(qū)動，事件發(fā)射器加密解密，路徑操作，序列化和反序列化文件流操作服務(wù)端與客戶端。 第一階段： HTML+CSS:HTML進階、CSS進階、div+css布局、HTML+css整站開發(fā)、 JavaScript基礎(chǔ)：Js基礎(chǔ)教程、js內(nèi)置對...
摘要：面向?qū)ο笕筇卣骼^承性多態(tài)性封裝性接口。第五階段封裝一個屬于自己的框架框架封裝基礎(chǔ)事件流冒泡捕獲事件對象事件框架選擇框架。核心模塊和對象全局對象，，，事件驅(qū)動，事件發(fā)射器加密解密，路徑操作，序列化和反序列化文件流操作服務(wù)端與客戶端。 第一階段： HTML+CSS:HTML進階、CSS進階、div+css布局、HTML+css整站開發(fā)、 JavaScript基礎(chǔ)：Js基礎(chǔ)教程、js內(nèi)置對...
摘要：實現(xiàn)的四大模塊上文簡述了源碼的大體框架結(jié)構(gòu)，接下來我們來實現(xiàn)一個的框架，筆者認為理解和實現(xiàn)一個框架需要實現(xiàn)四個大模塊，分別是封裝創(chuàng)建類構(gòu)造函數(shù)構(gòu)造對象中間件機制和剝洋蔥模型的實現(xiàn)錯誤捕獲和錯誤處理下面我們就逐一分析和實現(xiàn)。 什么是koa框架？ ? ? ? ?koa是一個基于node實現(xiàn)的一個新的web框架，它是由express框架的原班人馬打造的。它的特點是優(yōu)雅、簡潔、表達力強、自由度...
摘要：實現(xiàn)的四大模塊上文簡述了源碼的大體框架結(jié)構(gòu)，接下來我們來實現(xiàn)一個的框架，筆者認為理解和實現(xiàn)一個框架需要實現(xiàn)四個大模塊，分別是封裝創(chuàng)建類構(gòu)造函數(shù)構(gòu)造對象中間件機制和剝洋蔥模型的實現(xiàn)錯誤捕獲和錯誤處理下面我們就逐一分析和實現(xiàn)。 什么是koa框架？ ? ? ? ?koa是一個基于node實現(xiàn)的一個新的web框架，它是由express框架的原班人馬打造的。它的特點是優(yōu)雅、簡潔、表達力強、自由度...
閱讀 2351·2021-09-26 09:55
閱讀 3738·2021-09-23 11:22
閱讀 2244·2019-08-30 15:54
閱讀 2060·2019-08-28 18:03
閱讀 2675·2019-08-26 12:22
閱讀 3509·2019-08-26 12:20
閱讀 1829·2019-08-26 11:56
閱讀 2320·2019-08-23 15:30
