美文网首页RN知识
React-Native 性能调优

React-Native 性能调优

作者: 精神病患者link常 | 来源:发表于2019-02-15 17:06 被阅读6次
41646177-b09bf9c4-74a5-11e8-9d5f-ea6b9973969d.png 41764309-4a1690a8-7633-11e8-94df-f658f3f65a96.png

  1. 按钮防重复点击

  2. 输入框输入时接口多次调用造成页面多次渲染

  3. 简单的动画效果如缩放、透明度，使用LayoutAnimation完成

  4. 整个页面从下往上弹出的、透明显示的可以使用modal的动画效果

  5. 跳转下一个页面（有耗时操作），使用InteractionManager

  6. 组件的加载：在使用的时候再进行加载，不需要进入页面就加载。比如：点击按钮显示一个组件

  7. 改变图片组件的大小，使用缩放transform。

  8. 针对复杂的方法体，使用requestAnimationFrame包裹

  9. 循环创建组件时，给定key值

  10. 小图标使用iconfont代替

  11. ...

相关文章

网友评论

    本文标题：React-Native 性能调优

    本文链接：https://www.haomeiwen.com/subject/fiqmeqtx.html

    延伸阅读

    深度阅读

    • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

    栏目导航

    热点阅读

    RN知识

    关于我们|服务条款|联系我们|React-Native 性能调优|投稿指南|网站地图|RSS订阅|排版工具|手机版

    提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

    Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

    备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

    本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

    所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！