React简介
专注视图层
没有固定的所谓的MVC/MVVM模式的框架。专注于view层,非常灵活。熟悉javascript和react主要思想即可构建应用。Virtual DOM
本质上的把真实DOM转变成javascript对象树,也就是虚拟DOM。通常所做的DOM操作统一修改虚拟DOM,然后统一渲染,节约资源,提高性能。函数式编程
react精髓所在。(对于函数式编程还没有系统的去了解,在此打个标记)
JSX语法
- 最外层只允许一层嵌套
- 标签必须闭合
- 在一个组件的子元素位置使用注释要用 {} 包起来
- class要写成className;for要写成htmlFor
- 自定义属性data-xxx
- js表达式用{}来写代码块
- html转义的处理
- 直接使用
UTF-8
字符 - 使用
Unioncode
编码查询编码 - 使用
dangerouslySetInnerHTML
属性
//注释例子
const App = (
<Nav>
{ /* 节点注释 */}
<Person
/* 多行
注释 */
name={window.isLoggedIn ? window.name : ''}
/>
</Nav>
);
//转义例子
<div dangerouslySetInnerHTML={{__html: 'cc © 2015'}} />