1.1. React****简介
1.1.1. 官网
英文官网: https://reactjs.org/
1.1.2. 介绍描述
用于动态构建用户界面的JavaScript 库(只关注于视图)
由Facebook开源
1.1.3. React****的特点
声明式编码
组件化编码
React Native 编写原生应用
高效(优秀的Diffing算法)
1.1.4. React****高效的原因
使用虚拟(virtual)DOM, 不总是直接操作页面真实DOM。
DOM Diffing算法, 最小化页面重绘。
1.2.2.相关js库
1.react.js:React核心库。
2.react-dom.js:提供操作DOM的react扩展库。
3.babel.min.js:解析JSX语法代码转为JS代码的库。
js下载地址:
通过百度网盘分享的文件:react全家桶资料.zip
链接:https://pan.baidu.com/s/1FvuLZpct3J7vGWUeDsjfFg?pwd=ivk1
提取码:ivk1
1.4.模块与组件、模块化与组件化的理解
1.4.1.模块
1.理解:向外提供特定功能的js程序, 一般就是一个js文件
2.为什么要拆成模块:随着业务逻辑增加,代码越来越多且复杂。
3.作用:复用js, 简化js的编写, 提高js运行效率
1.4.2.组件
1.理解:用来实现局部功能效果的代码和资源的集合(html/css/js/image等等)
2.为什么要用组件: 一个界面的功能更复杂
3.作用:复用编码, 简化项目编码, 提高运行效率
1.4.3.模块化
当应用的js都以模块来编写的, 这个应用就是一个模块化的应用
1.4.4.组件化
当应用是以多组件的方式实现, 这个应用就是一个组件化的应用
组件化分为函数式组件和类式组件,开发中用的最多的是类式组件