码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript之jsx&react

时间:2018-07-06 14:21:31      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:元素   htm   标签   就是   api   操作dom   XML   需要   改变   

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

标签:元素   htm   标签   就是   api   操作dom   XML   需要   改变   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!