项目描述:优房源移动APP是为了方便用户实现找优质房源并且发布房源信息。主要实现用户登录、首页房源信息、 地图定位、条件筛选找房等功能,该项目运用react框架进行开发。 项目难点:常见的”长列表性能优化”,多用于移动端,主要有懒渲染,其原理是只渲染一部分数据(比如一次只渲染10条 ),等渲染的数据即将滚动完时,再渲染下面部分。缺点是如果数据量过大,则会产生大量的DOM节点,占用内存过多,降低 浏览器渲染性能,导致页面卡顿。还有可视区域渲染,用于大型数据,如果数据条目比较多的情况下,原理是,我不管你有多 少条数据,可视区域的范围就这么大,我就只加载这一部分数据,当然了,为了避免白屏情况的发生,它会预先加载可视区域 上面一部分和下面一部分,避免在页面中当你滚动过快而来不及渲染导致的白屏的情况。