博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
代码清除页面切换过渡现象
阅读量:4983 次
发布时间:2019-06-12

本文共 882 字,大约阅读时间需要 2 分钟。

所谓的页面切换过渡现象,指的是假如我现在浏览了A页面,然后去浏览B页面,但是在B页面的被渲染的那一瞬间,上一个被浏览的A页面,会闪现一下,瞬间很短,只有仔细观察,才能看出,但是这个不解决,也不会影响用户体验。我个人感觉还是解决一下为好,这样可以让用户体验效果更好。下面是我的解决方案,放在一个例子里:

render() {
const { currentPromotionUser } = this.promoption; // 如果用户与尚未加入推广计划,则默认展示协议界面 const children = ((isJoined) => {
/** * isJoined是bool值,isJoined===true时,显示home页面,isJoined===false时,显示agreement页面。 * isJoined==null,是为了在即将渲染一个页面前,先渲染一个空页面,目的是不让上一个浏览的页面在当前页面刷新时出现闪现的过程。 */ if (isJoined == null) {
return null; } else if (isJoined === true) {
return this.props.children; } else {
return
} })(_.get(currentPromotionUser, 'isJoined', null)); return (
{children}
) } 其实我个人更感觉if (isJoined == null) {
return null;}这句代码,是做了一个假的数据清除,哈哈哈哈,因为它只是先渲染了一个空页面来遮挡着上一个被浏览过的页面

转载于:https://www.cnblogs.com/songmengyao/p/7366515.html

你可能感兴趣的文章
模拟百度搜索“2012世界末日”网页地震撕裂效果
查看>>
数据库锁表的分析与解决
查看>>
.NET跨平台之旅:在Linux上将ASP.NET 5运行日志写入文件
查看>>
[故障公告]14:39-15:39博客站点部分负载均衡遭遇3次20G以上的流量攻击
查看>>
面向中文的自然语言编程
查看>>
Flutter工程目录
查看>>
hive 函数 current_date()
查看>>
使用python+selenium对12306车票数据读取
查看>>
服务器Config文件不能查看的问题
查看>>
UIImage与CCSprite互相转换
查看>>
jsp详解
查看>>
大型网站架构图
查看>>
新概念英语(1-133)Sensational news!
查看>>
Magnifier笔记
查看>>
git项目,VSCode显示不同颜色块的含义
查看>>
串口配置
查看>>
centos的安装,网络的调试
查看>>
dfs枚举
查看>>
线程等待问题
查看>>
(四)rsync未授权访问
查看>>