React,用于构建用户界面的JavaScript库,只提供了UI层面的解决方案,遵循组件设计模式、声明式编程范式和函数式编程概念,以使前端应用程序更高效,使用虚拟DOM来有效的操作DOM,遵循从高阶组件到低阶组件的单向数据流,帮助我们将界面构成了各个独立的小块,每一个块就是组件,这些组件之间可以组合、嵌套,构成整体页面,React类组件使用一个名为render()方法或者函数组件return,接收输入的数据并返回需要展示的内容。
特性:
- JSX语法
- 单向数据绑定
- 虚拟DOM
- 声明式编程
- component
React存在的优势:
- 高效灵活
- 声明式的设计,简单使用
- 组件式开发,提高代码复用率
- 单向响应的数据流会比双向绑定的更安全,速度更快
JSX语法:
React为了方便View层组件化,承载了构建HTML结构化页面的职责,即提供了JSX语法糖。JSX将XHTML语法直接加入到JavaScript代码中,再通过翻译器转换到纯JavaScript后由浏览器执行。在实际开发中,JSX在产品打包阶段都已经编译成纯JavaScript,不会带来任何副作用,反而会让代码更加直观并易维护。
JSX语法的注意事项:
1.jsx语法要求最外层只能有一个根节点。
2.jsx语法实际上是js+Xhtml的组合,因此要求要求单标签必须闭合。
3.在jsx中要求img标签必须要有alt属性,否则会有警告
4.在jsx语法中为了防止和js相关关键字冲突,要求class必须写成className,label标签中的for属性必须写成htmlFor