17_RN笔记2_React及RN的原理

一,React

1,React 是由Facebook推出的一个JavaScript框架,主要用于前段开发。
2,React 采用组件化方式简化Web开发

  • DOM:每个HTML界面可以看做一个DOM
  • 原生的web开发方式,HTML一个文件,javaScript一个文件,文件分开,就会导致修改起来比较麻烦。
  • 可以把一组相关的HTML标签和JavaScript单独封装到一个组件类中,便于复用,方便开发。

3,React 可以高效的绘制界面

  • 原生的Web,刷新界面(DOM),需要把整个界面刷新.
  • dom全局刷新,ajax局部刷新,react生成虚拟的dom,React只会刷新部分界面,不会整个界面刷新。
  • 因为React独创了Virtual DOM机制。Virtual DOM是一个存在于内存中的JavaScript对象,它与DOM是一一对应的关系,当界面发送变化时,React会利用DOM Diff算法,把有变化的DOM进行刷新.

4,React是采用JSX语法,一种JS语法糖,并不是一种语言,方便快速开发。

二,RN

1,RN的原理

React Native会在一开始生成OC模块表,然后把这个模块表传入JS中,JS参照模块表,就能间接调用OC的代码。
相当于买了一个机器人(OC),对应一份说明书(模块表),用户(JS)参照说明书去执行机器人的操作。

2,RN控件的渲染流程

3,RN事件处理的流程

4,RN加载JS的流程

5,RN与JS交互的流程

6,RN的启动流程

猜你喜欢

转载自blog.csdn.net/a_horse/article/details/81703855
RN