'); } }, onLoadSuccess: (el) => { if (el) { $(el).find('.loading-wrap').remove(); } }, onLoadFailure: (el) => { if (el) { $(el).find('.loading-wrap svg').remove(); $(el).find('.loading-wrap').append(''); $(el).find('.loading-wrap').addClass('error'); } }, request: (el, url, callback, onFailure) => { let retryTimes = 3; utils.onLoading(el); function req() { return new Promise((resolve, reject) => { let status = 0; // 0 等待 1 完成 2 超时 let timer = setTimeout(() => { if (status === 0) { status = 2; timer = null; reject('请求超时'); if (retryTimes == 0) { onFailure(); } } }, 5000); fetch(url).then(function (response) { if (status !== 2) { clearTimeout(timer); resolve(response); timer = null; status = 1; } if (response.ok) { return response.json(); } throw new Error('Network response was not ok.'); }).then(function (data) { retryTimes = 0; utils.onLoadSuccess(el); callback(data); }).catch(function (error) { if (retryTimes > 0) { retryTimes -= 1; setTimeout(() => { req(); }, 5000); } else { utils.onLoadFailure(el); onFailure(); } }); }); } req(); }, /********************** requestAnimationFrame ********************************/ // 1、requestAnimationFrame 会把每一帧中的所有 DOM 操作集中起来，在一次重绘或回流中就完成，并且重绘或回流的时间间隔紧紧跟随浏览器的刷新频率，一般来说，这个频率为每秒60帧。 // 2、在隐藏或不可见的元素中，requestAnimationFrame 将不会进行重绘或回流，这当然就意味着更少的的 cpu，gpu 和内存使用量。 requestAnimationFrame: (fn) => { if (!window.requestAnimationFrame) { window.requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame; } window.requestAnimationFrame(fn) }, dark: {}, }; // utils.dark.mode 当前模式 dark or light // utils.dark.toggle() 暗黑模式触发器 // utils.dark.push(callBack[,"callBackName"]) 传入触发器回调函数 utils.dark.method = { toggle: new RunItem(), }; utils.dark = Object.assign(utils.dark, { push: utils.dark.method.toggle.push, });