ReactNative你应该知道的知识点

70 篇文章 3 订阅
27 篇文章 0 订阅

1.与原生应用开发采用的命令式编程范式相对应,ReactNative使用的是声明式的编程范式, 比如采用JSX编写布局页面

2.ReactNative的特点:组件化、单向数据流、原生组件、跨Android/iOS

3.框架自有组件的通用样式:

  • position:absolute
  • aspectRatio:1
  • transform: [{ translateX: -50 …

4.创建组件状态的方法:useReducer

5.二进制图片占用3个字节,编码成为Base64后占用4个字节,因此Base64 图片体积比其他二进制图片体积大1/3

6.RN中可以增加 Pressable 组件点按事件的触发区域的方式:

  • 增加width
  • 增加组件的padding
  • 使用hitSlop

7.可以实现视图复用的列表组件是RecyclerListView

8.修改第三方库源码的方法

  • 在运行时覆盖底层方法
  • 复制源码重写
  • patch_package, patch-package 通过生成第三方包的新旧对比文件patch, 在每次安装时修复第三方源码

9.ReactNative的脚手架有哪些

  • react-native init
  • Expo
  • Ignite

10.Reanimated动画库的worklet动画回调函数默认是在UI Thread独立的JS Engine中执行的

11.Gesture手势库用于解决冲突的方法:

  • 单手势冲突方法有 Simultaneous、Race、Exclusive
  • 解决多手势冲突方法有simultaneousWithExternalGestur、requireExternalGestureToFail

12,RN0.60版本及以上的Hermes引擎提供的enablePromiseRejectionTracker捕获全局Promiss错误

13.在新架构中,使用TurboModule声明API, 使用HostComponent声明组件

14.热更新方案中,将Bundle放在CDN上,客户端直接下载Bundle文件的缺点是, CDN不是一台机器而是网络结点,要更新CDN上的资源,就要删除上千个结点资源,延迟很高

15.RN中基于模块拆包的优点

  • 减少Bundle下载的体积
  • 模块预加载
  • 模块懒执行

16.业内常用的性能优化方案如下

  • Rn环境预创建
  • 资源异步更新
  • 业务接口预缓存
  • 采用Hermes字节码
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值