JavaScript ドキュメントの断片化の最初の紹介_JavaScript スキル

その後、技術グループが次のコードについて質問しました:

コードをコピー コードは次のとおりです:

function html2node(s) {
var d = document.createElement('div');
d.innerHTML = s;
if (d.childNodes.length == 1)
return d.childNodes [0];
var df = document.createDocumentFragment();
while (d.firstChild)
return df; >}


一般的な原則は理解しましたが、さらに混乱しているのは、なぜ document.createDocumentFragment が使用されるのかということです。

インターネットで関連リソースを検索した結果、ドキュメント フラグメントの作成に document.createDocumentFragment が使用されていることがわかりました。
大量の appendChild ページ要素が必要な場合は、まずこれらの要素を document.createDocumentFragment に追加します。
次に、文書フラグメントをページに appendChild するだけです。これにより、パフォーマンスの最適化を達成するためにページを複数回更新する必要がなくなります。上記のコードでの文書フラグメントの使用は冗長だと思います。