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表达式:使用{}括起来,如果大括号使用了引号,会当作字符串处理

  

  

猜你喜欢

转载自www.cnblogs.com/harden13/p/9273119.html
今日推荐