react在移动端开发遇到的性能问题
看评论描述,解决方案:1. 首先不能一次性渲染所有的card,肯定会卡,不过楼主没有这么做。2. 不要滑到card的时候才去渲染,echart之类的很耗资源,会影响滑动的效果以及处理其他一些任务,这时候需要做预渲染,就是当你在某个卡片的时候,定个时,把周围两个卡片的内容渲染出来,这样滑动的时候就会比较流畅,当滑动到下一个card之后就渲染下一个card的上下两个card,当然如果渲染过了就不用渲染了。
■网友
不要“感觉”,profiler 说话。
■网友
楼主来更新了..主要问题还是耗在了setstate导致的rerender上,现在用的immutablejs加上shouldComponentUpdate去避免无效渲染。亲测可行,然后关于预加载的部分准备再加下~
■网友
看看划屏组件是怎么设计的,是不是第一次加载的时候所有card都被渲染了,只是隐藏而已。
■网友
在 shouldComponentUpdate 这个函数里进行一些操作,没有数据的变更就不让它去做虚拟dom的对比了
■网友
用react-redux,把数据全放到props里。stateless是关键。可以的话,提供一下地址,我比较一下我做的应用
■网友
瞎搞 react本来就是简单ui过度设计 复杂ui搞不定 或者搞成一个大麻团不过把简单事情搞复杂让自己看起来更专业从而多赚钱 其它行业也很多的virtualdom一个简单概念让react搞成这么一大坨 如此大的库冠绝全球 也是没谁了可见fb的php码农们的下岗危机之重 人逼急了嘛都搞得出html/xml in js这种麻团一样的东西 如果客户端谁这么搞 一定早被fire了
推荐阅读
- 西藏首台5G网络车载移动CT仪器投用
- 教育|中国移动“和教育”智慧校园研讨会在通召开
- 夕阳红|南通移动:“智慧养老”手机让“夕阳红”不孤单
- 怎样评价华为、诺基亚、中兴中标中国移动高端路由交换设备扩容集采
- |奥迪开发基于C-V2X校车警示系统
- 为啥Smartisan OS只能支持移动的VoLTE
- 汽车|长安汽车:公司与华为、宁德时代三方正在联合开发智能网联电动汽车平台和产品
- 啥是微信开发WEB前端
- 做苹果开发,想买台MacBook,大家建议买啥
- 开发/维护 一个类似qq会员或者Amazon Prime会员的会员系统有哪些难点和挑战
