一、預載入封裝方法
var obj = ,
complete : function()
}unction filepreload(obj) ;
})();
newimg.src = filearr[i]; // 注意位置
};}
先將img標籤的src鏈結設為同一張(比如空白),然後給img標籤設定自定義屬性(比如 data-src),然後將真正的位址儲存在data-src中,當js監聽到該元素進入可視視窗時,將自定義屬性中的位址儲存到src屬性中。達到懶載入的效果。
二、銜接滾動(不是迴圈銜接滾動)
利用原型組成的模組化滾動寫法
function roll() ;
// roll.prototype.constructor = roll;
roll.prototype = , this.stoptime);
},imgsco: function() else
}this.startmove(this.imgnum * this.width);
},startmove: function(movel) , 10);
},timemove: function(movel) , this.stoptime);
clearinterval(this.times);
}} else if (this.startval > movel) , this.stoptime);
clearinterval(this.times);}}
this.$box.scrollleft = this.startval;}}
var scrolls = new roll();
scrolls.init()
三、flatten扁平化函式封裝
let arrs = [1, 2, [3, 4, 5, [6, 7], 8], 9, 10, [11, [12, 13]]]
const flatten = function (arrs)
return arrs
}console.log(flatten(arrs))
四、利用柯里化方式封裝 bind() 方法
function.prototype.bind = function (context)
}
js 歷史記錄 前進 後退 方法封裝
歷史記錄主要是通過快取來儲存資料,前進後退通過控制快取的資料進行選擇,新增或刪除相當於入棧和出棧 export default delete history.data 1 出棧 for var i 0 i history.data.length i history.data newdata hist...
js方法的封裝
為什麼要進行方法的封裝?在平時的生產環境中,我們經常寫出這樣的 function fadd ia,ib function fmul ia,ib 其本質上是這樣的 var fadd function ia,ib var fmul function ia,ib 這樣的話,我們就建立了兩個全域性變數,ia...
JS 封裝inserAfter 方法
在js中,系統提供了node.insertbefore a,b 方法,在參考節點b之前插入乙個擁有指定父節點node的子節點a。我們可以封裝乙個類似insertbefore 的函式 inertafter a,b 實現在參考節點b之後插入乙個擁有指定父節點node的子節點a。在原型上進行封裝 elem...