01、React简介

147 阅读1分钟

React是什么

用于构建用户界面的JavaScript库

  1. 发送请求获取数据
  2. 处理数据(过滤,整理格式等)
  3. 操作DOM呈现页面 ---> React只负责这个步骤

React是一个将数据渲染为HTML视图的开源JavaScript库。

谁开发的

  1. 由Facebook开发,且开源
  2. 起初由Facebook软件工程师Jordan Walke创建;
  3. 于2011年不属于Facebook的newsfeed
  4. 随后在2012年部署于Instagram.
  5. 2013年5月宣布开源

...

近十年“陈酿” React正在被腾讯、阿里等一线大厂广泛使用。

为什么要学?

(原生Js的痛点)

  1. 原生Javascript操作DOM繁琐,效率低(DOM-API操作UI
document.getElementById('app')
document.querySelector('#app')
document.getElementsByTagName('span')
  1. 使用JavaScript直接操作DOM,浏览器会进行大量的重绘重拍
  2. 原生JavaScript没有组件化编码方案,代码复用率低;

React的特点

  1. 采用组件式模式,声明式编码,提高开发效率及组件复用率;
  2. 在React Native中可以使用React语法进行移动端开发
  3. 使用虚拟DOM + 优秀的Diffing算法,尽量减少于真实DOM的交互;

学习React之前要掌握的JavaScript基础知识

  • 判断this的指向
  • class(类)
  • ES6语法规范
  • npm包管理器
  • 原型、原型链
  • 数组常用方法
  • 模块化

2021-11-30