- 首页 > 资讯 > JavaScript > 正文
JS中的数据绑定和DOM回流
javascript中的几种数据绑定方法：(从后台获取到的JSON数据，对数据进行解析，然后获取我们有用的数据进行操作，或者和页面html元素进行绑定---数据绑定)
JS中DOM的深入知识：
回流(重排：reflow)：当页面中的html结构发生改变(增加、删除元素、位置发生改变)，浏览器都需要重新计算一边新的DOM结构，重新对当前的页面进行渲染。
重绘：当某个元素的部分样式发生了改变(如背景颜色发生了改变)，浏览器需要重新渲染当前元素即可。
回流比重绘耗能耗时，所以在优化程序系统的时候，我们尽量要减少浏览器的DOM回流操作。
利用动态创建元素节点然后追加到页面中的方式的弊端是：浏览器没创建一个li后间添加到页面中，然后引发DOM的回流，让浏览器重新渲染新的DOM文档。
字符串拼接的方法的优势：吧所有要添加到页面的元素形成一个字符串，然后在最后吧整个字符串添加到页面中，innerHTML=。。?，只进行了一次DOM的回流。
文档碎片的方式结合了动态创建节点方法和字符串方法，使得绑定数据后的原来存在的节点的操作响应还存在，并且只进行一次DOM回流。
- 上一篇：mongdb无认证集群建立
- 下一篇：HANA常用语法
相关文章
图文推荐
- 文章
- 推荐
- 热门新闻