新手问题 ruby-china 加载页面时, 上面一条红色线, 是怎么实现

coolesting · 2014年07月04日 · 最后由 outman 回复于 2014年07月05日 · 2724 次阅读

主要原理是什么?

$(document).on 'page:fetch', ->
  NProgress.start()
$(document).on 'page:restore', ->
  NProgress.remove()
$(document).on 'page:change',  ->
  NProgress.done()

https://github.com/ruby-china/ruby-china/blob/master/app/assets/javascripts/app.coffee#L194

Thanks for all, i am out

我原先以为实现这个功能的目的是为了分片加载页面,降低视觉疲劳度。

#4 楼 @coolesting Turbolinks 跟 Ajax 类似,浏览器没有载入提示,不加一点动画的话会让人不清楚现在是否在加载而产生困惑。

@Rei ruby-china 页面直接跳转之后,还异步加载其它没加载完的页面部份吗?我看了下好像并没有分片加载页面类似于 node.js 的实现方式。

貌似这个功能是纯属一个动画效果,目的使用户产生友好的体验。

#6 楼 @coolesting 没有,获得的是完整页面。

所以说这个只是个动画效果,没有真正的显示进度的效果的

#8 楼 @xlaok 只是动画而已。并且页面完成加载后,就把它 remove 了。

需要 登录 后方可回复, 如果你还没有账号请 注册新账号