最新要闻
- 【世界播资讯】水洼煮食物晾衣服生活中还遇到过哪些类似现象?
- 世界微资讯!安卓跑分要变天了!安兔兔V10公测版正式发布:分数要涨
- 世界速讯:突破封锁活下来了!华为88个子公司成功实现MetaERP切换:自主可控、全球上线
- 【报资讯】网易逆水寒手游彩蛋揭秘:日照金山宛如照片 这画质你敢信是手机能跑
- 搭载原相PAW3395旗舰传感器:雷柏推出VT9S无线鼠标
- 天天即时:红米平板2曝光:处理器换用骁龙680!主打极致性价比
- 六年级上册求阴影部分的面积及答案 六年级上册求阴影部分的面积_世界观速讯
- 以军在约旦河西岸打死3名巴勒斯坦人
- 焦点播报:用上比亚迪刀片电池 新款特斯拉Model Y海外下线:充电超猛
- 实时:吴刚《后浪》再登热搜:网友吐槽其侮辱中医
- AMD Yes还能饭否? RX 7600显卡性能偷跑:差得有点多 要闻速递
- 神车上新!新款比亚迪宋PLUS DM-i实车现身:装上海豹同款大灯
- 支付宝App可以换皮肤了!官方教程出炉:免费领
- 退休人员涨工资最新消息2023年 2023养老金上调4.5%是不是真的?
- 环球热头条丨内蒙古火车站乐手齐奏万马奔腾:旅客拍手叫好
- JDG战队FMVP选手knight:生日能拿到冠军特别开心
手机
iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
- 警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- 男子被关545天申国赔:获赔18万多 驳回精神抚慰金
- 3天内26名本土感染者,辽宁确诊人数已超安徽
- 广西柳州一男子因纠纷杀害三人后自首
- 洱海坠机4名机组人员被批准为烈士 数千干部群众悼念
家电
世界观察:react-naive工作原理
react-naive工作原理是从react的工作原理衍生出来的
react的工作原理
在react中,virtual dom 就像一个中间层,介于开发者描述的视图与实际在页面上渲染的视图之间。为了在浏览器上渲染出可交互的用户界面,开发者必须操作浏览器的Dom,这个操作代价昂贵,过度操作dom会给性能带来影响。React 维护了一个内存版本的 DOM,通过计算得出必要的最小操作并重新渲染。如下图:
(资料图片仅供参考)
执行 vdom
的计算(dom diff
),减少浏览器DOM的重复渲染对于 Web 环境的react而言,大多数开发者认为 virtual dom
的出现主要是为了优化性能。vdom确实能提升性能,但它的主要潜力在于提供了强大的抽象能力。在开发者的代码与实际的渲染之间加入一个抽象层,这带来了很多可能性。稍微想象一下,如果react能够渲染到浏览器以外的其他平台呢?毕竟,react已经“理解”了你的应用应该如何展现。
React Native 的工作原理
如下图,这就是 React Native
的工作原理。 react native
调用Objective-C
的API去渲染iOS组件,调用Java
接口去渲染Android组件,而不是渲染到浏览器的DOM上,这使得react native
不同于那些基于web视图的跨平台应用开发方案(各种小程序 uniapp\taro , 适配器转化)。
react可以渲染到多个平台
Bridge
"桥接"使这一切成为可能,它使得react可以调用宿主平台开放的UI组件。react组件通过render方法返回了描述界面的标记代码。
web平台: react最终将标记代码解析成浏览器的dom
react native中:标记代码会被解析成特定平台的组件
- 如
组件将会表现为iOS平台的UIView
- 如
react native
目前同时支持iOS和Android两种平台。由于virtual DOM提供了抽象层,react native
也可以支持其他平台,只需要提供“桥接”即可。
react 和 react native 的不同点
框架作用的平台不同
RN
是由React
衍生出来的,两种框架都是用JSX
开发语法,但是RN
是用来开发真正原生渲染的iOS和Andriod移动应用的JS框架,而React是将浏览器作为渲染平台。
工作原理不同
上面总结的工作原理
渲染周期
react 组件挂载过程 -> 重新渲染过程。
React
的渲染周期开始于react组件挂载到DOM之后,接着React进入渲染周期并根据需要渲染组件。在渲染阶段,React将开发者在return中返回的HTML标记直接按需渲染到页面上。React Native
生命周期与React基本相同,在渲染上因为React Native
依赖于桥接,并不在UI主线程运行,它可以在不影响用户体验的前提下执行这些异步调用。
创建组件
当编写Web环境的React的时候,视图最终需要渲染成普通的HTML元素;
而在React Native中,所有元素都会被平台指定的React组件替换,例如在iOS中,
组件被渲染成UIView
,而在Android平台,会被渲染成View
。
原生的样式
在Web中,使用CSS样式为React组件添加样式已经是开发过程中不可获取的一部分了。React通常不影响我们编写CSS的方式,并且它确实让样式的动态创建更加容易(通过state和props),除此之外,React基本上不关心我们如何处理样式的。非Web平台上有大量的方法来处理布局和样式.
我们使用React Native
时,只需要用一种标准的方法来处理样式,React和宿主平台之间的桥接包含了一个缩减版CSS子集的实现,这个CSS子集主要通过flexbox进行布局,做到了尽量简化,而不是去实现所有的CSS规则。有别于Web平台,CSS的支持程度因浏览器而不同,React Native则做到了样式规则的一致。
宿主平台接口
数据存储、地理服务、操控硬件设备
我是 甜点cc☭
公众号:【看见另一种可能】
关键词:
世界观察:react-naive工作原理
债市日报:5月22日
【世界播资讯】水洼煮食物晾衣服生活中还遇到过哪些类似现象?
世界微资讯!安卓跑分要变天了!安兔兔V10公测版正式发布:分数要涨
世界速讯:突破封锁活下来了!华为88个子公司成功实现MetaERP切换:自主可控、全球上线
【报资讯】网易逆水寒手游彩蛋揭秘:日照金山宛如照片 这画质你敢信是手机能跑
搭载原相PAW3395旗舰传感器:雷柏推出VT9S无线鼠标
天天即时:红米平板2曝光:处理器换用骁龙680!主打极致性价比
六年级上册求阴影部分的面积及答案 六年级上册求阴影部分的面积_世界观速讯
分布式任务调度:xxl-job
全球速讯:湖北省荆州市沙市区领导参观考察璞华苏州总部
速读:论elasticsearch在Windows环境的安装
收评:两市窄幅波动沪指涨0.39% 供销社概念股领涨-焦点热议
以军在约旦河西岸打死3名巴勒斯坦人
焦点播报:用上比亚迪刀片电池 新款特斯拉Model Y海外下线:充电超猛
实时:吴刚《后浪》再登热搜:网友吐槽其侮辱中医
AMD Yes还能饭否? RX 7600显卡性能偷跑:差得有点多 要闻速递
神车上新!新款比亚迪宋PLUS DM-i实车现身:装上海豹同款大灯
支付宝App可以换皮肤了!官方教程出炉:免费领
MyBatis-Plus 可视化代码生成器来啦,让你的开发效率大大提速!!
比亚迪选用顶象无感验证,增强售后服务平台安全性
go语言变量定义及类型_焦点快看
【vue流程编辑器框架】Vue-Flowchart-Editor
揭秘百分比图的魅力:数据之美引领决策智慧
退休人员涨工资最新消息2023年 2023养老金上调4.5%是不是真的?
环球热头条丨内蒙古火车站乐手齐奏万马奔腾:旅客拍手叫好
JDG战队FMVP选手knight:生日能拿到冠军特别开心
当前热文:安卓最强性能!vivo X90S下月发布:搭载天玑9200+
今日视点:男子52次跟车式逃停车费2870元 结果惨了
【世界独家】怀柔温馨之家,欢迎你们!
时讯:【Java】引用传递?值传递?
看完这篇,DWS故障修复不再愁-全球热闻
【DSP视频教程】DSP视频教程第12期:TI开源分享IQmath DSP源码,适用于所有Cortex-M内核,本期教程做个手把手移植 (2022-05-22)
最全iOS 上架指南 全球微资讯
焦点滚动:(笔记)运放的带宽、增益带宽积、转换速率、反馈系统等概念理解
直击华尔街|Scott Redler解读华尔街一周:债务上限问题不会导致剧烈动荡 经济若衰退美联储需降息
李楠预测:手机的形态将迎来革命 这下网友有话说了
环球新资讯:清华大学女生获世界小姐选美冠军:谁说学霸就是丑 网友围观真美吗
底层重构 微软Win12最快明年问世:AI魔改搜索体验
使用ssh公钥密钥自动登陆linux服务器 环球快资讯
天天热消息:关于Excel表格中对多个General或者Number数值格式的单元转换为Text文本时-值包含E+的方法处理
世界最新:AI诈骗正在全国爆发!一公司老板10分钟被AI诈骗430万
全球要闻:专治PCIe 5.0发烧 利民SSD散热器到手99.9元(45W强悍散热)
今日关注:国内没人买?东风本田CR-V插混、e:NS1纯电车要卖到海外去了
环球播报:WPS AI再获升级:文档内容、格式规范一键生成
85%肉含量无淀粉 一口爆汁:火山石烤肠19.9元2斤大促
天准科技(688003.SH):机器视觉是一种非常通用的技术
Java使用HttpClient以multipart/form-data向接口上传文件
Seata 的可观测实践
直播源码技术录制功能知识
java 外壳加密,完美解决|全球看点
热文:个人养老金产品代销排行:招行、交行、平安暂居前三,优势还是烦恼?
全球观热点:开机先看电影?壁纸神器Wallpaper Engine惊现《流浪地球2》 网友吐槽缺德
世界即时看!路特斯被曝将试驾车当新车交付 车主:有全部证据 索赔385万
紫气东来!魅族20 PRO推出晨曦紫新配色:4399元起售 享3年质保
苹果神一样存在!iPhone彻底统治日本市场:份额超50% 安卓被摩擦-全球通讯
天天报道:小米Civi 3正面首曝:药丸曲面屏比iPhone 14 Pro更精致
南阳市新野县团结小学经典诵读展示活动成功举办
rt下降40%?程序并行优化六步法|天天最资讯
为什么MySQL单表不能超过2000万行?_环球动态
05-译码器
全球观焦点:消夏之夜购物节吸引百余商家汇聚 到场市民超过10万人次
每日讯息!OPPO Reno10影像称绝:全系标配长焦镜头
南宁路边停车一天收费上百 有车主欠费6.4万_当前快播
同调拼色设计辨识度拉满!小米Civi 3真机外观首秀来了 世界热闻
大内存大存储真香!新版真我GT Neo5官宣:16GB+1TB明日开售 报资讯
热点聚焦:国产视频剪辑软件取代PR?联想YOGA官宣与剪映独家合作
世界实时:【苗乡侗寨人物志】“想喝正宗酸汤,去凯里就对了”
Android Studio源码导入与调试_环球新资讯
天天快讯:From Java To Kotlin:空安全、扩展、函数、Lambda很详细,这次终于懂了
GPS北斗校时服务器(时间同步装置)助力桥梁检测系统建设
微动态丨HTTP1.0、HTTP1.1、HTTP2.0 协议的区别
时讯:出口货值增长近40倍!我国这个地方制造的汽车加速出口中亚→
焦点!拓邦发布钠离子电池:-40℃放电容量近80% 秒杀锂电
玩家化身手工耿血洗《塞尔达》:不仅造出了坦克飞机还要修仙
独悬变扭力梁、气囊也少了 新款丰田卡罗拉上市:11.68万起
国内营收占10%以上 美光成美国存储芯片独苗:内存全球第三_每日快看
新车下饺子!比亚迪宋Pro DM-i冠军版内饰官图发布:新配色真高级
优选营养素密度高的食物,合理膳食提升免疫力
c语言程序设计知识点总结03-精彩看点
没有5G卖4G的华为手机比苹果还牛:消息称逆势上调全年出货量目标 全行业第一家|天天精选
1499元!小度青禾学习手机开启预售:一机顶6台 立省1万元
热门看点:400年前的画里有男孩穿耐克鞋 网友称穿越:还有百年前画作出现iPhone
全红婵的水花让物理学不存在了 网友点赞:物理学对她不适用|全球观热点
一个月没找到 美国30吨爆炸性化学品铁路运输时丢失:科普硝酸铵理化性质-世界热点
快报:中国抗体-B(03681.HK):SM17新药研究申请获国家药监局药品审评中心受理
天天精选!交易商协会发布4月债务融资工具业务量统计和主承分类统计
印为何收回2000卢比纸币?专家:缓解银行流动性危机和加息压力
BLG夺《英雄联盟》MSI亚军 B站:BLG粉丝赠送一年大会员 全球微动态
比亚迪汉DM-i冠军版/DM-p战神版爆火!3天订单破1.3万辆:女车主高达37.2%
盖茨再爆与20多岁俄女子发生婚外情 遭美国淫魔富豪威胁 全球速看料
学系统集成项目管理工程师(中项)系列24a_信息系统集成专业技术知识(上)-当前播报
世界快播:雅顿橘灿精华使用方法 雅顿橘灿精华用在哪个步骤
JDG战胜BLG夺《英雄联盟》MSI冠军!官方发福利:皮肤免费送 全球头条
《王国之泪》开发之初没有剧情:优先考虑游戏体验-环球热消息
全国首个DNA存储领域预训练大模型 ChatDNA发布 今日快看
最新消息:[工具/资源] Web应用开发的基础工具与资源
全球观察:Pytest - pytest 命令(2) - 命令参数及含义
计算机组成原理:控制器实验|全球今亮点
焦点播报:记录一次系统恢复的经历