JavaScript documentFragment是什么？它有什么用途，它对浏览器的性能有什么影响
🌙
手机阅读
本文目录结构
问题
documentFragment 是什么？
它有什么用途，它对浏览器的性能有什么影响
答案
是文档碎片，为了节约使用DOM，每次JavaScript对DOM的操作都会改变页面的变现，并重新刷新整个页面，从而消耗了大量的时间。
可以创建一个文档碎片，把所有的新节点附加其上，然后把文档碎片的内容一次性添加到document中，在处理大数量时此方法很高效，代码如下：
var oFrag = document.createDocumentFragment();
for (let index = 0; index < 100; index++) {
var op = document.createElement('p');
var oText = document.createTextNode('我是文本');
op.appendChild(oText);
oFrag.appendChild(op);
}
document.body.appendChild(oFrag);
更多面试题
如果你想了解更多的前端面试题，可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题，也有一些大公司的面试图，可以让你面试更加顺利。
| 面试题 | ||
|---|---|---|
| HTML | CSS | JavaScript |
| jQuery | Vue.js | React |
| 算法 | HTTP | Babel |
| BootStrap | Electron | Gulp |
| Node.js | 前端经验相关 | 前端综合 |
| Webpack | 微信小程序 | - |
这些题库还在更新中，如果你有不错的面试题库欢迎分享给我，我整理后放上来；人人为我，我为人人，互帮互助，共同提高，祝大家都拿到心仪的Offer！
