零:JSX简介 react
JSX是JavaScriptXML的缩写,给予ECMAScript的一种新特性,一种定义属性树结构的语法。服务器
JSX不是XML或者HTML。架构
JSX的特色:类XML的语法容易接受,加强JS语义,结构清晰,抽象程度高(跨平台,无需关心如何操做dom),代码模块化(不一样与MVC分离成3个文件,react是将代码分离更多块)。dom
源码阅读方法:执行顺序/忽略细节/作逻辑笔记/反复阅读。模块化
JS解释器架构流程:入口函数-各个模块-解析JSX-执行JS函数
在这个流程若是代码量很是大会出现性能问题,咱们通常是将编译后的JS放到服务器运行。性能