前端关于Recat面试题(八)

本文深入探讨React Native与React的区别,包括性能、代码复用等优势,并介绍React Native的日志查看与调试技巧。同时,讲解React的组件化开发、Font Awesome图标使用、Service Worker注册以及React 16中动态导入、Suspense组件的运用。此外,文章还涉及React Hooks的规则与实践,以及在不同浏览器中的兼容性问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

141.React Native 和 React 有什么区别?

React是一个 JavaScript 库,支持前端 Web 和在服务器上运行,用于构建用户界面和 Web 应用程序。

React Native是一个移动端框架,可编译为本机应用程序组件,允许您使用 JavaScript 构建本机移动应用程序(iOS,Android和Windows),允许您使用 React 构建组件。

142.React Native相对于原生的ios和Android有哪些优势?

1.性能媲美原生APP
2.使用JavaScript编码,只要学习这一种语言
3.绝大部分代码安卓和IOS都能共用
4.组件式开发,代码重用性很高
5.跟编写网页一般,修改代码后即可自动刷新,不需要慢慢编译,节省很多编译等待时间
6.支持APP热更新,更新无需重新安装APP

缺点:
内存占用相对较高
版本还不稳定,一直在更新,现在还没有推出稳定的1.0版本

144.React Native怎样查看日志?

console.log()   console.warn()   console.error()

145.React Native怎样调试?

1.react-native start --port 9999 开启package server窗口  跑热更新服务
2.使用真机/模拟器,打开调试面板,配置Debug server host&port for device,关联热更新端口
3.使用真机/模拟器,打开调试面板,点击Toggle Inspector可以查看页面样式
4.使用真机/模拟器,打开调试面板,点击Debug JS Remotely,会开启一个浏览器窗口,可以调试js代码
5.使用真机/模拟器,打开调试面板,点击Reload可以刷新页面

146.加载bundle的机制

要实现RN的脚本热更新,我们要搞明白RN是如何去加载脚本的。 在编写业务逻辑的时候,我们会有许多个js文件,打包的时候RN会将这些个js文件打包成一个叫index.android.bundle(ios的是index.ios.bundle)的文件,所有的js代码(包括rn源代码、第三方库、业务逻辑的代码)都在这一个文件里,启动App时会第一时间加载bundle文件,所以脚本热更新要做的事情就是替换掉这个bundle文件。

147.在 React 中如何使用 Font Awesome 图标?

接下来的步骤将在 React 中引入 Font Awe

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值