你好。现在我的app是这样的,在主页面使用的是webview的底部选项卡,登录页面为app的启动页面,在登录页面预加载了主页面,之后主页面有4个底部选项卡的子页面,在登录成功后使用pop-in动画效果显示主页面,但是动画效果过程中显示的是已经预加载的页面,但是动画效果结束后页面会二次渲染,类似刷新了一下一样,查到了一篇文章,原话:有些页面css写的不好,会二次渲染,即开始时页面显示一个样子,很快页面被二次渲染显示成另一个样子,我的就是这个问题,请问写css的时候需要注意些什么呢?不知道哪些css样式会导致二次渲染?
jingxin
- 发布:2016-06-21 13:01
- 更新:2016-06-22 22:52
- 阅读:1370
使用pop-in动画,页面二次渲染的问题,求解
分类:MUI
3 个回复
DCloud_heavensoft
不是那些css会导致二次渲染,是你的代码渲染顺序得正确和及时。
举个简单的例子,刚开始页面顶部没有title条,在plus ready或更晚的时间,又插入了一个title条,就会看到页面内容被顶下去、插了一个条进去的感觉,这就是二次渲染。
还有些不好的代码,margin、padding这些在不同的css样式里来回写,也会造成大量渲染计算,这些重算定位的东西能不用就不用。
jingxin (作者)
原来这样啊,大概明白这个意思了。
我想使用手机淘宝的那个 flexible 适配框架,是不是会和mui的样式有冲突?
jingxin (作者)
明白了,感谢老大回答