Home  >  Q&A  >  body text

javascript - 钉钉网页版管理端 导航栏不刷新 只刷新内容的技术具体是什么

钉钉网页版管理端 导航栏不刷新 只刷新内容的技术具体是什么

地址也会随着更新, 麻烦说出具体的技术关键词 谢谢

简单点说 我可以使用vuejs实现这个效果吗 单页应用

大家讲道理大家讲道理2749 days ago1129

reply all(13)I'll reply

  • 高洛峰

    高洛峰2017-04-11 12:53:26

    HTML5 pushState + Ajax。

    Ajax实现局部刷新,pushState实现更改地址栏,包括浏览器返回按钮实现返回。

    可以看看基于此技术实现的Pjax。

    https://github.com/defunkt/jq...

    reply
    0
  • PHPz

    PHPz2017-04-11 12:53:26

    地址栏有更新么

    reply
    0
  • 阿神

    阿神2017-04-11 12:53:26

    单页应用啊,就可以方便的实现这点功能啊。

    reply
    0
  • 怪我咯

    怪我咯2017-04-11 12:53:26

    js切换单页内容,不做页面跳转

    reply
    0
  • 天蓬老师

    天蓬老师2017-04-11 12:53:26

    Ajax??

    reply
    0
  • ringa_lee

    ringa_lee2017-04-11 12:53:26

    感觉像是这个文章提及的
    http://www.cnblogs.com/08shiy...

    reply
    0
  • 巴扎黑

    巴扎黑2017-04-11 12:53:26

    去钉钉看了下,结果如下:
    1.导航栏并不是没有刷新,你可以修改一下dom(修改导航里的li),刷新后发现其实是被刷新的,而且请求回来的html返回的是整个页面而不是局部。
    2.中间部分是异步加载的,这点你可以在Dev Tools里去Disable JavaScript,发现中间区域是空白的,这里它主要加载的是广告的slider。
    3.底部似乎看起来是不被刷新的,因为图片几乎全是cached,这点你可以查看Network,状态是304而不是200.

    reply
    0
  • PHP中文网

    PHP中文网2017-04-11 12:53:26

    vue-router

    reply
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-11 12:53:26

    不管是单页应用还是其他Vue之类的库也好,其原理最终是AJAX或者是PJAX,通过JS后台异步请求服务器数据,通常是json或者是xml的数据,然后通过js操纵DOM显示数据,单页网站还可以用History API来实现URL的刷新,
    AJAX实现参考:AJAX。学无领域,希望采纳。

    reply
    0
  • PHP中文网

    PHP中文网2017-04-11 12:53:26

    应该是ajax局部刷新吧

    reply
    0
  • Cancelreply