JavaScript之jsx&react

Posted 亚洲哈登

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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表达式:使用{}括起来,如果大括号使用了引号,会当作字符串处理

  

  

 

以上是关于JavaScript之jsx&react的主要内容,如果未能解决你的问题,请参考以下文章

React翻译官网文档之JSX

Node.js 之react.js组件-JSX简介

React之JSX语法

6手把手教React Native实战之JSX入门

react之jsx的使用

React/JSX 动态组件名称