[React-章节10 实践篇] 做一个留言板项目 之 实现后退不刷新效果

接上篇《[React-章节9 实践篇] 做一个留言板项目 之 实现Loading特效》

背景

react在切换组件时,前一个组件会经历完整的组件销毁过程,后一个组件会经历完整的组件加载过程,具体可以回顾react的生命周期

因为这个原因,当我从详情页返回到列表页的时候会发现列表页重新渲染回到了初始的状态,并不是一个合理的用户体验。这个问题只有单页应用会面临,因为对于多标签页的应用来说,每个标签页的内容互不影响。 继续阅读“[React-章节10 实践篇] 做一个留言板项目 之 实现后退不刷新效果”

[React-章节9 实践篇] 做一个留言板项目 之 实现Loading特效

接上篇[React-章节8 实践篇] 做一个留言板项目 之 留言列表页

一般h5应用在页面加载完成之前都会有一个loading加载的动画效果,一旦完成加载一次性展现完整的内容给用户,这样更贴合native应用的体验,我相信没有用户喜欢看着一个残缺的页面等待网络数据下载完成。 继续阅读“[React-章节9 实践篇] 做一个留言板项目 之 实现Loading特效”