JSX

JavasriptXML

　　基于EXMAAcript的一种新特性
　　一种定义带属性的树结构的语法

特点：
　　类XML语法容易接受
　　增强JS语义
　　结构清晰
　　抽象程度高
　　代码模块化

使用：
　　JSX的语法
　　首字母大小写
　　嵌套
　　求值表达式 不能写入语句
　　驼峰命名
　　htmlFor和className
　　注释：/**/ //
　　使用CSS样式
条件判断四种：
　　直接调用函数
　　三元
　　||
　　赋值变量

　　强制求值算法
非DOM属性：
　　dangerouslySetInnerHTML 动态生成的HTML

　　　　<div dangerouslySetInnerHTML={{__html: ‘cc &copy; 2015‘}} />

　　ref 父组件传递子组件
　　key 提高性能
　　　　列表元素要加上key
　　　　内容相似的组件用同一个

JSX解释器架构介绍
　　源码阅读方法：
　　从执行顺序入手
　　适量忽略细节
　　做笔记画图
　　反复阅读

解析流程
　　入口函数 模块s 解析JSX 执行JS

JSX