js方法封裝記錄

2021-09-29 18:20:09 字數 1297 閱讀 6924

一、預載入封裝方法

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...