网站开发进度设计/优化网站找哪家
window.onload = function () {
let _len = 6;
let array = [1, 2, 3, 4, 5];
let cache = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h']
// 用来处理数据量大的问题(每次从缓存中读取数据) 避免dom节点 渲染过多 每次从缓存数据中新增5条数据进行显示
var data = ArrRepalce2(array, cache, _len);
document.getElementById('test').addEventListener('click', function () {
console.log(data.load());
});
/**
* @param array
* @param cache
* @param len
* @returns {*}
* @constructor
*/
function ArrRepalce2(array, cache, len) {
if (this instanceof ArrRepalce2) {
if (Array.isArray(array) && Array.isArray(cache)) {
this.array = array;
this.cache = cache;
this.len = len;
this.cusour = 0;
} else {
return new TypeError('param error');
}
} else {
return new ArrRepalce2(array, cache, len);
}
}
ArrRepalce2.prototype.load = function () {
this.array = []; // 默认清空原信息
if (this.cusour + this.len > this.cache.length) {
let first = this.cache.slice(this.cusour, this.cusour + this.len);
let end = this.cache.slice(0, (this.cusour + this.len) - this.cache.length);
this.array = first.concat(end);
this.cusour = (this.cusour + this.len) - this.cache.length;
} else {
this.array = this.array.concat(this.cache.slice(this.cusour, this.cusour + this.len));
this.cusour = this.cusour + this.len;
}
return this.array;
}
}
一键复制
编辑
Web IDE
原始数据
按行查看
历史