JavaScript之jsx&react

1.Virtual DOM

1.将网页所有内容映射到一颗树形结构的层级对象模型上，浏览器提供对dom的支持，用户可以是用脚本调用dom，api来动态修改dom节点，从而达到修改网页目的，这种修改是浏览器完成的，浏览器会根据dom的改变重新绘制改变的dom节点部分
2.修改dom重新绘制渲染的代价太高，前端框架为了提高效率，尽量减少dom的重绘，提出了Virtual DOm，所有的修改都是在Virutal DOM上进行的，通过比较算法，找出浏览器dom之间的差别，使用这个差异操作dom，浏览器只需要渲染部分变化就可以
react实现了dom diff算法可以高效对比virtual DOM和dom差异

2.jsx语法

jsx是一种javascri和xml混写的语法，是javascript的扩展
jsx规范
标签中首字母小写的就是html标记，首字母大写就是组建
要求严格的html标记，所有标记必须闭合，br应该携程<br />
单行省略小括号，多行请使用小括号
元素有多行，建以多行，注意缩进
jsx表达式：使用{}括起来，如果大括号使用了引号，会当作字符串处理

原文地址：https://www.cnblogs.com/harden13/p/9273119.html