深入react技术栈-初入react
时间:2021-09-19
本文章向大家介绍深入react技术栈-初入react,主要包括深入react技术栈-初入react使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
1.virtual DOM
- 传统页面开发模式中,都是对真实的dom进行操作,耗费大量的性能。而react将真实dom树转换成虚拟dom,每一次更新都与原来的虚拟dom进行diff比对来进行更新,对于改变的部分来进行批量更新,节约了性能。
- 通过虚拟dom转换成真实dom,方便和其他平台的集成,react组件可以映射为对应的原生控件,可以用于web,ios,android
2.setState
- setState 是一个异步方法,一个生命周期内所有的 setState 方法会合并操作
- 但是并不推荐在推荐内部使用过多的state,过多的state容易导致逻辑混乱
3.props
- react中数据是单向流动的 父子组件之间的通信通过父组件传递数据给子组件,子组件通过props接受,子组件通过向父组件传递过来的函数传入自己的参数来进行调用父组件中的方法
4.react生命周期
- 可以将组件的生命周期分成两大类:组件的挂载卸载阶段&&组件的更新阶段
- 组件挂载阶段执行的生命周期函数:
componentWillMount,render, componentDidMount
- 组件卸载阶段执行的生命周期函数:
componentWillUnmount(可以执行一些事件回收或是清除定时器)
- 组件更新阶段执行的生命周期函数:
组件自身的 state 更新了,那么会依次执行 shouldComponentUpdate、componentWillUpdate 、render 和 componentDidUpdate。
原文地址:https://www.cnblogs.com/best-mll/p/15312963.html
- WordPress自定义栏目运用实例Ⅰ:添加文章来源
- ZooKeeper 笔记(5) ACL(Access Control List)访问控制列表
- 算法:支持重复元素的二分查找
- .NET 异常处理的动作策略(Action Policy)
- 如何在mac本上安装android sdk
- Fityk-曲线拟合工具
- maven: 打包可运行的jar包(java application)及依赖项处理
- Effective java 第2版 - 笔记(01) 单例(Singleton)的枚举(enum)实现
- 恶心的0.5四舍五入问题
- 乐视金融更名 相关域名引关注
- weblogic.nodemanager.common.ConfigException: Native version is enabled but nodemanager native librar
- hadoop 2.6伪分布安装
- ssh 免密码设置失败原因总结
- C++服务器开发之基于对象的编程风格
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- IdentityServer4 4.x版本 配置Scope的正确姿势
- 个人总结的部分数据验证规则
- 一句话实现php日期转中文汉字
- .Net Core微服务入门全纪录(八)——Docker Compose与容器网络
- PHP中少用但是很好用的方法
- 使用一维数据构造简单卷积神经网络
- .Net Core微服务入门全纪录(完结)——Ocelot与Swagger
- PHP使用GD库生成文件
- 反向传播算法从原理到实现
- 基于EntityFramework 6 Code First实现多租户的一种思路
- PHP使用GD库生成柱状图
- PHP生成Mysql数据字典
- .Net Core in Docker极简入门(上篇)
- PHP一个比较完善的树形结构代码
- .Net Core in Docker极简入门(下篇)