JSX语法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JSX语法相关的知识,希望对你有一定的参考价值。

零:JSX简介 

JSX是javascriptXML的缩写,给予ECMAScript的一种新特性,一种定义属性树结构的语法。

JSX不是XML或者html

JSX的特点:类XML的语法容易接受,增强JS语义,结构清晰,抽象程度高(跨平台,无需关心如何操作dom),代码模块化(不同与MVC分离成3个文件,react是将代码分离更多块)。

源码阅读方法:执行顺序/忽略细节/做逻辑笔记/反复阅读。

JS解释器架构流程:入口函数-各个模块-解析JSX-执行JS

在这个流程如果代码量非常大会出现性能问题,我们一般是将编译后的JS放到服务器运行。

以上是关于JSX语法的主要内容,如果未能解决你的问题,请参考以下文章

关于vue的jsx语法

React之JSX语法

JSX语法

React JSX语法说明

react 中 JSX 语法的转化过程

react 中 JSX 语法的转化过程