这是一个创建于 3647 天前的主题，其中的信息可能已经有所发展或是发生改变。
我写了个 blog 系统，google 了一个加载动画，结果发现，动画还没开始播放，页面已经加载完了，如何让请求慢一点，或者是在动画完全覆盖网页之后再开始加载。不然感觉有点不协调了。。
地址 http://blog.eqoe.cn/
手打的 js 和 css 都是没有压缩的，除了 jquery
地址 http://blog.eqoe.cn/
手打的 js 和 css 都是没有压缩的，除了 jquery
第 1 条附言 · 2014-11-20 16:46:35 +08:00
好吧解决了 又离 Callback hell 近了一步
给 loader.show() 加了一个callback参数
在 OnAnimateEnd 的 Callback 中 执行show事件的callback
给 loader.show() 加了一个callback参数
在 OnAnimateEnd 的 Callback 中 执行show事件的callback
 |
1
lichao 2014-11-20 13:44:53 +08:00  1
让 Ajax 的后端，sleep 一两秒
|
 |
3
adjusted 2014-11-20 13:48:10 +08:00
animationend的listener?
|
 |
6
hellojinjie 2014-11-20 13:51:39 +08:00
好炫的效果啊
|
 |
7
hcymk2 2014-11-20 13:53:16 +08:00
好像翻页的时候能看到动画效果。
|
 |
8
typcn OP |
|
11
typcn OP @lichao 在电脑上 动画加载的很快，如果set上1秒的话 会觉得加载有点慢了，在手机上 set 1秒正好，但是0.5秒就有点问题了，比较纠结 这个
|
 |
12
fanzeyi 2014-11-20 15:30:04 +08:00
 Chrome 拯救你。 |
 |
14
Livid MOD 速度快是好事情啊。
|
 |
16
mhycy 2014-11-20 15:42:08 +08:00
好快的服务器....
|
 |
18
xoxo 2014-11-20 15:44:54 +08:00
setTimeout(function(){...}, 1000);
|
 |
21
justplaymore 2014-11-20 16:04:42 +08:00 1
用promise来实现，参阅jQuery的deferred对象
http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html $.ajax(...).done(...).done(...); 将异步流程改成顺序执行，而不应该从时间轴上去取巧，异步时间轴是不可预测的。 |
 |
22
tmkook 2014-11-20 16:04:44 +08:00
加个时间统计，1秒以内就延迟1秒，如果超过1秒就不延迟
|
 |
23
dong3580 2014-11-20 16:19:15 +08:00
|
 |
24
jasonslyvia 2014-11-20 16:23:53 +08:00
一堆人出馊主意，楼主明显是舍本逐末啊，为了显示动画而显示动画，根本就失去了加载动画的原本用意……
|
 |
25
fengchang 2014-11-20 16:32:13 +08:00
典型的没有需求制造需求。别人都是因为加载太慢怕用户失去耐心才做加载动画，你速度这么快做什么动画。
|
|
26
typcn OP |
 |
27
lygmqkl 2014-11-20 16:56:05 +08:00
setTimeout 把压力方到客户端。 其实这种东西 会审美疲劳的。。。每次都放，然后也没读出多少数据来。。。用户会想，好烂的服务器啊。
|
 |
29
yanleijava 2014-11-20 17:03:09 +08:00
sucess里面 sleep
|
|
30
justplaymore 2014-11-20 17:16:33 +08:00
好吧解决了 又离 Callback hell 近了一步
给 loader.show() 加了一个callback参数 在 OnAnimateEnd 的 Callback 中 执行show事件的callback ========================== 额，避免用callback写法，promise就是用来解决callback hell的，用deferred对象的resolve和reject方法来处理执行状态，可以避免callback依赖，只改变deferred对象的状态，前面的链接里文章讲得很清楚了。 |
 |
31
p2p 2014-11-20 18:24:26 +08:00
数据获取 加callback
太快时再加延迟,保证你的动画有机会涨姿势 |
|
32
typcn OP @p2p 不是。。。我是怕页面已经加载完动画才播放，我不希望用户看到DOM变化，在动画播放的0.5秒内加载页面而不是还没开始播放就在0.1秒内加载完了页面，，。。。
|
 |
33
Phariel 2014-11-20 18:31:18 +08:00
不要陷入callback hell, 前端现在都是promise封装。你先学习一下promise的理论知识，然后用这个https://github.com/cujojs/when 这算一个比较好的promise实现库，当然jQuery也有promise的实现，任君选择。
|
|
34
lygmqkl 2014-11-20 22:16:34 +08:00
帮你抓个bug, Mac os x, Safari 点入一个主题，可以成功打开，然后使用后退按钮无效。
|
 |
35
aiguozhedaodan 2014-11-20 23:05:55 +08:00
楼主你博客的速度真的好快……
|
Select Language