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的主要内容,如果未能解决你的问题,请参考以下文章