React是什么
用于构建用户界面的JavaScript库
- 发送请求获取数据
- 处理数据(过滤,整理格式等)
- 操作DOM呈现页面 ---> React只负责这个步骤
React是一个将数据渲染为HTML视图的开源JavaScript库。
谁开发的
- 由Facebook开发,且开源
- 起初由Facebook软件工程师Jordan Walke创建;
- 于2011年不属于Facebook的newsfeed
- 随后在2012年部署于Instagram.
- 2013年5月宣布开源
...
近十年“陈酿” React正在被腾讯、阿里等一线大厂广泛使用。
为什么要学?
(原生Js的痛点)
- 原生Javascript操作DOM繁琐,效率低(DOM-API操作UI)
document.getElementById('app')
document.querySelector('#app')
document.getElementsByTagName('span')
- 使用JavaScript直接操作DOM,浏览器会进行大量的重绘重拍;
- 原生JavaScript没有组件化编码方案,代码复用率低;
React的特点
- 采用组件式模式,声明式编码,提高开发效率及组件复用率;
- 在React Native中可以使用React语法进行移动端开发;
- 使用虚拟DOM + 优秀的Diffing算法,尽量减少于真实DOM的交互;
学习React之前要掌握的JavaScript基础知识
- 判断this的指向
- class(类)
- ES6语法规范
- npm包管理器
- 原型、原型链
- 数组常用方法
- 模块化
2021-11-30