JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了tuzhu_req.js 实现仿百度图片首页效果大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

tuzhu_req.js 处理文件请求加载异步同步功能,仿效百度图片首页效果制作

require组件 @土著人 (http://www.tuzhuren.com)*/ ! function() { function e() {} Function.prototype.bind || (Function.prototype.bind = function(t) { var n = this; if ("function" != typeof n) throw new TypeError("Function.prototype.bind called on incompatible " + n); var o = r.call(arguments,1),i = function() { if (this instanceof i) { var e = n.apply(this,o.concat(r.call(arguments))); return Object(E) === e ? e : this; } return n.apply(t,o.concat(r.call(arguments))); }; return n.prototype && (e.prototype = n.prototype,i.prototype = new e,e.prototype = null),i; }); var t = Array.prototype,r = t.slice; }(); var require,define; ! function(E) { function t(e,t) { if (!(e in u)) { u[e] = !0; var r = document.createElement("script"); if (t) { var o = setTimeout(t,require.timeout); r.onerror = function() { clearTimeout(o),t() },r.onreadystatechange = function() { "complete" == this.readyState && clearTimeout(o) } } return r.type = "text/javascript",r.src = e,n.appendChild(r),r; } }

function r(e,r,n) {
var i = o[e] || (o[e] = []);
i.push(r);
var a,u = c[e] || {},s = u.pkg;
a = s ? p[s].url : u.url || e,t(a,n && function() {
n(E);
});
}
function isFunction(it) {
return Object.prototype.toString.call(it) === '[object Function]';
}
function isArray(it) {
return Object.prototype.toString.call(it) === '[object Array]';
}
var n = document.getElementsByTagName("head")[0],o = {},i = {},a = {},u = {},c = {},p = {};
define = function(name,deps,callBACk) {
if (isArray(deps) && isFunction(callBACk)) {
deps = callBACk;
}
I[name] = deps;
var r = o[e];
if (r) {
for (var n = 0,a = r.length; a > n; ++n)
r[n]();
delete o[name];
}
},require = function(E) {
e = require.alias(E);
var t = a[e];
if (t)
return t.exports;
var r = I[e];
if (!r)
return false;
t = a[e] = {
exports: {}
};
var n = "function" == typeof r ? r.apply(t,[require,t.exports,t]) : r;
return n && (t.exports = n),t.exports;
},require.async = function(t,n,o) {
function a(E) {
for (var t = e.length - 1; t >= 0; --t) {
var n = e[t],p = c[n];
p && "deps" in p && a(p.deps),n in i || n in s || (s[n] = !0,l++,r(n,u,o));
}
}

function u() {
  if (0 == l--) {
    var r,o,i = [];
    for (r = 0,o = t.length; o > r; ++r)
      try {
        I[r] = require(t[r])
      } catch (a) {}
    n && n.apply(e,i);
  }
}
"String" == typeof t && (t = [t]);
for (var p = t.length - 1; p >= 0; --p)
  t[p] = require.alias(t[p]);
var s = {},l = 0;
a(t),u();

},require.resourceMap = function(E) {
var t,r;
r = e.res;
for (t in r)
r.hasOwnProperty(t) && (c[t] = r[t]);
r = e.pkg;
for (t in r)
r.hasOwnProperty(t) && (p[t] = r[t]);
},require.loadJs = function(E) {
t(E);
},require.loadCss = function(E) {
if (e.content) {
var t = document.createElement("style");
t.type = "text/css",t.styleSheet ? t.styleSheet.cssText = e.content : t.innerHTML = e.content,n.appendChild(t);
} else if (e.url) {
var r = document.createElement("link");
r.href = e.url,r.rel = "stylesheet",r.type = "text/css",n.appendChild(r);
}
},require.alias = function(E) {
return e
},require.timeout = 5e3,define.amd = {
jQuery: !0,version: "1.0.0"
}
}(this);
! function() {
(function() {
var widgets = [],namEIDxMap = {},callBACks = [],remainings = 0;
require.widget = {
register: function(Name) {
var idx = namEIDxMap[name];
if (idx == undefined) {
namEIDxMap[name] = widgets.length;
widgets.push(1);
remainings++;
} else {
widgets[idx]++;
}
},ready: function(callBACk,ctX) {
callBACks.push({
func: callBACk,context: ctx
});
if (remainings < 1) {
_ready();
}
},loaded: function(Name) {
var idx = namEIDxMap[name],num = widgets[idx] - 1;

   widgets[idx] = num;
   if (num == 0 && remainings) {
     remainings--;
   }

   if (remainings < 1) {
     _ready();
   }
 }

};

function _ready() {
var callBACk;
while (callBACk = callBACks.pop()) {
callBACk.func.call(callBACk.ctX);
}
}
})();
}();

希望本文能够给大家学习使用javascript处理文件请求加载异步同步功能有所帮助。

大佬总结

以上是大佬教程为你收集整理的tuzhu_req.js 实现仿百度图片首页效果全部内容,希望文章能够帮你解决tuzhu_req.js 实现仿百度图片首页效果所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:javascript