初识javascript文档碎片
JavaScript文档 初识 碎片
2023-06-13 09:14:23 时间
后来是一技术群问到以下一段代码:
复制代码代码如下:
functionhtml2node(s){
vard=document.createElement("div");
d.innerHTML=s;
if(d.childNodes.length==1)
returnd.childNodes[0];
vardf=document.createDocumentFragment();
while(d.firstChild)
df.appendChild(d.firstChild);
returndf;
}
大概的原理都明白,比较困惑的是为什么要用document.createDocumentFragment呢?
后来在网上搜索了一下相关资源才知道,document.createDocumentFragment 是用来创建文档碎片的。
当我们需要大量appendChild页面元素时,可以先将这些元素appendChild进document.createDocumentFragment。
然后只需appendChild文档碎片到页面就可以了。这样就不用多次刷新页面达到性能优化的目的。上面那个代码我觉得用到文档碎片是多余的。
相关文章
- JavaScript基础之for
- 【说站】javascript indexOf查找字符位置
- javascript html转换成markdown,如何使用Turndown使用JavaScript将HTML转换为Markdown[通俗易懂]
- JavaScript深入之手写call、apply、bind
- JavaScript入门学习
- JavaScript学习总结(十六)——Javascript闭包(Closure)详解编程语言
- javascript 正则表达式的组、全局、RegExp.exec()和string.match()区别详解编程语言
- javascript比较文档位置
- JavaScript编制留言簿程序代码
- javaScript读取和设置文档元素的样式属性
- Javascript类与静态类的实现
- JavaScript性能优化创建文档碎片(document.createDocumentFragment)
- javascript中String类的subString()方法和slice()方法
- javaScript删除字符串空格多种方法小结
- 你必须知道的Javascript知识点之"单线程事件驱动"的使用
- JavaScript异步编程:异步数据收集的具体方法
- JavaScript将页面表格导出为Excel的具体实现
- 深入理解javascript中return的作用
- javascript打开word文档的方法
- JavaScript中伪协议javascript:使用探讨