react小记1(react的工作原理)

react应用是通过重复渲染来实现用户交互,利用virtualDOM,让每次渲染都支重新渲染最少的DOM。

web前端开发关于性能优化的一个原则:尽量减少DOM的操作。

DOM树是对HTML的抽象,那virtual DOM就是对DOM树的抽象。virutal DOM不会触及浏览器的部分,只存在js空间的树形结构,每次自上而下渲染react组件时,会对比这一次产生的virtualDOM和上一次渲染的Virtual DOM,对比就会发现差别,然后修改真正的DOM树时就只需触及差别中的部分就行。


组件划分的原则:高内聚,低耦合。

react组件的数据分为两种:prop和state;无论prop和state的改变,都可能引发组件的重新渲染。prop是组件的对外接口,state是组件的内部状态。



babel-react-optimize 优化代码

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 2,920评论 1 18
  • It's a common pattern in React to wrap a component in an ...
    jplyue阅读 3,363评论 0 2
  • 3. JSX JSX是对JavaScript语言的一个扩展语法, 用于生产React“元素”,建议在描述UI的时候...
    pixels阅读 2,965评论 0 24
  • 作为一个曾经算得上狂热的伪球迷,一直想到现场感受一下几万人一起呐喊助威的气氛。尤其是中超进行到现在,职业味道日益浓...
    大宇Drizzles阅读 236评论 0 2
  • 漫步在树林里, 你与自然的距离, 近了一步。 陶醉在书籍上, 你与知识的源泉, 近了一步。 追逐在梦想中, 你与心...
    小剧在成长阅读 158评论 2 4

友情链接更多精彩内容