首页 > Web开发 > 详细

JSX

时间:2016-08-27 17:57:15      阅读:334      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!