javascript - 钉钉网页版管理端 导航栏不刷新 只刷新内容的技术具体是什么
大家讲道理
大家讲道理 2017-04-11 12:51:26
0
13
1127

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

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

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

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(13)
小葫芦

HTML5 pushState + Ajax。

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

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

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

PHPzhong

地址栏有更新么

阿神

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

刘奇

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

Peter_Zhu

Ajax??

左手右手慢动作

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

巴扎黑

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

Ty80

vue-router

伊谢尔伦

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

Ty80

应该是ajax局部刷新吧

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!