我写了个 blog 系统,google 了一个加载动画,结果发现,动画还没开始播放,页面已经加载完了,如何让请求慢一点,或者是在动画完全覆盖网页之后再开始加载。不然感觉有点不协调了。。
地址 http://blog.eqoe.cn/
手打的 js 和 css 都是没有压缩的,除了 jquery
地址 http://blog.eqoe.cn/
手打的 js 和 css 都是没有压缩的,除了 jquery
|
1
让 Ajax 的后端,sleep 一两秒
|
|
adjustedNov 20, 2014
3
animationend的listener?
|
|
hellojinjieNov 20, 2014
6
好炫的效果啊
|
|
hcymk2Nov 20, 2014
7
好像翻页的时候能看到动画效果。
|
|
8
|
|
fanzeyiNov 20, 2014
12
|
|
14
速度快是好事情啊。
|
|
mhycyNov 20, 2014
16
好快的服务器....
|
|
xoxoNov 20, 2014
18
setTimeout(function(){...}, 1000);
|
|
21
用promise来实现,参阅jQuery的deferred对象
http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html $.ajax(...).done(...).done(...); 将异步流程改成顺序执行,而不应该从时间轴上去取巧,异步时间轴是不可预测的。 |
|
22
加个时间统计,1秒以内就延迟1秒,如果超过1秒就不延迟
|
|
dong3580Nov 20, 2014
23
|
|
jasonslyviaNov 20, 2014
24
一堆人出馊主意,楼主明显是舍本逐末啊,为了显示动画而显示动画,根本就失去了加载动画的原本用意……
|
|
fengchangNov 20, 2014
25
典型的没有需求制造需求。别人都是因为加载太慢怕用户失去耐心才做加载动画,你速度这么快做什么动画。
|
|
26
|
|
lygmqklNov 20, 2014
27
setTimeout 把压力方到客户端。 其实这种东西 会审美疲劳的。。。每次都放,然后也没读出多少数据来。。。用户会想,好烂的服务器啊。
|
|
yanleijavaNov 20, 2014
29
sucess里面 sleep
|
|
justplaymoreNov 20, 2014
30
好吧解决了 又离 Callback hell 近了一步
给 loader.show() 加了一个callback参数 在 OnAnimateEnd 的 Callback 中 执行show事件的callback ========================== 额,避免用callback写法,promise就是用来解决callback hell的,用deferred对象的resolve和reject方法来处理执行状态,可以避免callback依赖,只改变deferred对象的状态,前面的链接里文章讲得很清楚了。 |
|
p2pNov 20, 2014
31
数据获取 加callback
太快时再加延迟,保证你的动画有机会涨姿势 |
|
32
@p2p 不是。。。我是怕页面已经加载完动画才播放,我不希望用户看到DOM变化,在动画播放的0.5秒内加载页面而不是还没开始播放就在0.1秒内加载完了页面,,。。。
|
|
PharielNov 20, 2014
33
不要陷入callback hell, 前端现在都是promise封装。你先学习一下promise的理论知识,然后用这个https://github.com/cujojs/when 这算一个比较好的promise实现库,当然jQuery也有promise的实现,任君选择。
|
|
lygmqklNov 20, 2014
34
帮你抓个bug, Mac os x, Safari 点入一个主题,可以成功打开,然后使用后退按钮无效。
|
|
aiguozhedaodanNov 20, 2014
35
楼主你博客的速度真的好快……
|