tuzhu_req.js 实现仿百度图片首页效果


Posted in Javascript onAugust 11, 2015

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处理文件请求加载异步同步功能有所帮助。

Javascript 相关文章推荐
jQuery简单图表peity.js使用示例
May 02 Javascript
jquery实现点击向下展开菜单项(伸缩导航)效果
Aug 22 Javascript
JS小数转换为整数的方法分析
Jan 07 Javascript
详解javascript立即执行函数表达式IIFE
Feb 13 Javascript
canvas绘图不清晰的解决方案
Feb 28 Javascript
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
May 08 jQuery
ztree简介_动力节点Java学院整理
Jul 19 Javascript
node koa2实现上传图片并且同步上传到七牛云存储
Jul 31 Javascript
JavaScript设计模式之职责链模式应用示例
Aug 07 Javascript
微信小程序合法域名配置方法
May 06 Javascript
Node Mongoose用法详解【Mongoose使用、Schema、对象、model文档等】
May 13 Javascript
JavaScript eval()函数定义及使用方法详解
Jul 07 Javascript
省市区三级联动下拉框菜单javascript版
Aug 11 #Javascript
高性能JavaScript DOM编程(1)
Aug 11 #Javascript
jQuery中prepend()方法使用详解
Aug 11 #Javascript
javascript实现数组中的内容随机输出
Aug 11 #Javascript
javascript弹出拖动窗口
Aug 11 #Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
Aug 11 #Javascript
javascript实现五星评价代码(源码下载)
Aug 11 #Javascript
You might like
PHP 观察者模式的实现代码
2013/05/10 PHP
解决laravel groupBy 对查询结果进行分组出现的问题
2019/10/09 PHP
Jquery.addClass始终无效原因分析
2013/09/08 Javascript
Jquery.Form 异步提交表单的简单实例
2014/03/03 Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
2014/08/22 Javascript
JavaScript 表单处理实现代码
2015/04/13 Javascript
js实现的四级左侧网站分类菜单实例
2015/05/06 Javascript
简介JavaScript中的unshift()方法的使用
2015/06/09 Javascript
jQuery插件编写步骤详解
2016/06/03 Javascript
JS实现颜色梯度与渐变效果完整实例
2016/12/30 Javascript
使用JS编写的随机抽取号码的小程序
2017/08/11 Javascript
微信小程序自定义组件
2017/08/16 Javascript
angularJs在多个控制器中共享服务数据的方法
2018/09/30 Javascript
js实现3D粒子酷炫动态旋转特效
2020/09/13 Javascript
[03:32]2014DOTA2西雅图邀请赛 CIS外卡赛赛前black专访
2014/07/09 DOTA
python冒泡排序算法的实现代码
2013/11/21 Python
Python中的字典遍历备忘
2015/01/17 Python
详解Python下Flask-ApScheduler快速指南
2018/11/04 Python
Python3爬虫学习之MySQL数据库存储爬取的信息详解
2018/12/12 Python
基于django ManyToMany 使用的注意事项详解
2019/08/09 Python
使用python实现男神女神颜值打分系统(推荐)
2019/10/31 Python
python中Django文件上传方法详解
2020/08/05 Python
HTML5边玩边学(1)画布实现方法
2010/09/21 HTML / CSS
阿联酋彩妆品牌:OUD MILANO
2019/10/06 全球购物
应届毕业生自我鉴定范文
2013/12/27 职场文书
优秀安全员事迹材料
2014/05/11 职场文书
人力资源管理专业求职信
2014/07/23 职场文书
工伤事故处理协议书怎么写
2014/10/15 职场文书
2014年社团工作总结范文
2014/11/27 职场文书
2014年工商所工作总结
2014/12/09 职场文书
世界红十字日活动总结
2015/02/10 职场文书
丧事主持词
2015/07/02 职场文书
MySQL EXPLAIN输出列的详细解释
2021/05/12 MySQL
PHP正则表达式之RCEService回溯
2022/04/11 PHP
详解Mysql数据库平滑扩容解决高并发和大数据量问题
2022/05/25 MySQL
Redis实现主从复制方式(Master&Slave)
2022/06/21 Redis