码迷,mamicode.com
首页 > Web开发 > 详细

JSX

时间:2016-08-27 17:58:28      阅读:384      评论:0      收藏:0      [点我收藏+]

标签:

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

标签:

原文地址:http://www.cnblogs.com/lun8115/p/5813375.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!