React简介
React是一个用于构建用户界面的JAVASCRIPT库,主要用于构建UI,所以被认为是MVC模型当中的V。
其起源于Facebook的内部项目,用来假设Instagram的网站,并于2013年5月开源。
React特点
- 声明式设计:React采用声明范式,可以轻松描述应用;
- 高效:React通过对DOM的模拟,最大限度地减少与DOM的交互;
- 灵活:React与已知的库或者框架很好地配合;
- JSX:JSX是JavaScript语法的扩展,建议使用JSX;
- 组件:通过React构建组件,使得代码更加容易得到复用,能够很好的应用在大项目开发中;
- 单项响应的数据流:React实现了单项响应的数据流,从而减少了重复代码;
React安装
React可以直接下载使用,下载地址为https://github.com/facebook/react/releases。
下载react.development.js、react.production.min.js和react.profiling.min.js这三个文件。
点击页面跳转
onClick={this.handle}
handle(){
const w=window.open(‘about:blank’);
w.location.href=‘你的地址’
}
react内嵌div高度屏幕自适应
react引入的CSS文件会影响整个项目js文件,所以让一个指定的div宽高自适应浏览器的宽高,可以采用以下方法:
div style=“position:absolute;width:100%;top:0;bottom:0;backgroung:#000”>