51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#DocumentFragment
前端性能优化:DocumentFragments或innerHTML取代复杂的元素注入
来源:GBin1.com我们的浏览器执行越来越多的特性,并且网络逐渐向移动设备转移,使我们的前端代码更加紧凑,如何优化,就变得越来越重要了。前端给力的地方是可以有许多种简单的策略和代码习惯让我们可以保证最理想的前端性能。我们这个系列的主题就是要告诉你9种代码小技巧,只需要一分钟,就可以优化你现有的代码。DO...
代码星球
·
2021-01-09
前端
性能
优化
DocumentFragments
innerHTML
DocumentFragment批量操作dom
DocumentFragment,文档片段,不属于文档树,其parentNode为null。当把一个DocumentFragment节点插入文档树时,插入的不是DocumentFragment自身,而是它的所有子孙节点。这使得DocumentFragment成了有用的占位符,暂时存放那些一次插入文档的节点。它还有利于实...
代码星球
·
2020-06-28
DocumentFragment
批量
操作
dom
深入理解DOM节点类型第四篇——文档片段节点DocumentFragment
在所有节点类型中,只有文档片段节点DocumentFragment在文档中没有对应的标记。DOM规定文档片段(documentfragment)是一种“轻量级”的文档,可以包含和控制节点,但不会像完整的文档那样占用额外的资源 特征 创建文档片段,要使用document.creat...
代码星球
·
2020-05-24
节点
深入
理解
DOM
类型
createDocumentFragment() 创建文档碎片节点
varaqiData=[["北京",90],["上海",50],["福州",10],["广州",50],["成都",90],["西安",100]];(function(){varbox=aqiData.filter(function(arr){returnarr[1]>60}).sort(function(num...
代码星球
·
2020-04-06
createDocumentFragment
创建
文档
碎片
节点
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他