Tips——单页面内的多重跳转路由使用
2024-08-27 13:35:51
一、问题背景
一个路由往往代表一个地址,即一个页面。但同级网页页面的内容有很多是重复的,如果每次加载页面都要加载这些“共有”内容,会导致效率的降低。因此,单页面应用应运而生。它主张在同一页面下将“共同”部分隔离固定下,对需要变换的局部作跳转导航,这样避免了重复渲染,大大提高了效率。此种方法被大量应用在MVVM框架上。
二、方案
1.react-router
定义路由
<Router history={hashHistory}>
<Route path="/" component={App}>
<Route path="/repos" component={Repos}/>
<Route path="/about" component={About}/>
</Route>
</Router>
使用路由
export default React.createClass({
render() {
return <div>
{this.props.children}
</div>
}
})
2.if..else判断
if( choose == '/' ) {
return <Root />;
} else if( choose == 'repos' ) {
return <Repos />;
} else if( choose == 'about' ) {
return <About />;
}
目前两种方案并没有太大的效果差别。效率差别还需进一步测试。
最新文章
- Http组件的介绍
- 2-5. Working with Compile Time Constants
- 在IIS中部署ASP.NET 5应用程序遭遇的问题
- 深入浅出 - Android系统移植与平台开发(七)- 初识HAL
- informix dbaccess 常用执行方式及常见技巧
- HTML5不支持标签和新增标签
- Sublime Text 2的快速入门和常用技巧
- 最近在看 ASP.NET 5,有关官方实现的 OAuth 2 包
- 【windows核心编程】IO完成端口(IOCP)复制文件小例前简单说明
- HttpApplication实战大文件上传 (第四篇)
- python编程基础知识—列表(一)
- Django学习-12-模板继承
- 计蒜客NOIP模拟赛4 D2T2 跑步爱天天
- linux软件管理
- vue----分级上传
- A Boring Question (打表)
- linux的基本操作(RPM包或者安装源码包)
- Python中元组相关知识
- 酷播迷你flv,mp4网页视频播放器(CuPlayerMini)V2.2版[经典黑]演示实例
- 《剑指offer》第二十三题(链表中环的入口结点)