JSX

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

posted @ 2016-08-27 17:06  小宝贝来qin一个  阅读(143)  评论(0编辑  收藏  举报