我是靠谱客的博主 细心大碗,这篇文章主要介绍tuzhu_req.js 实现仿百度图片首页效果,现在分享给大家,希望可以做个参考。

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

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
/*土著人开发的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内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(115)

评论列表共有 0 条评论

立即
投稿
返回
顶部