자바스크립트 문서 조각화_자바스크립트 기술에 대한 첫 소개

나중에 기술팀에서 다음 코드에 대해 문의했습니다.

코드 복사 코드는 다음과 같습니다.

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)
df.appendChild(d.firstChild)
return df; >}

일반적인 원리는 이해하지만 더 혼란스러운 것은 document.createDocumentFragment를 사용하는 이유입니다.
인터넷에서 관련 자료를 검색한 결과 document.createDocumentFragment가 문서 조각을 만드는 데 사용된다는 것을 알게 되었습니다.
appendChild 페이지 요소가 많이 필요한 경우 먼저 이러한 요소를 document.createDocumentFragment에 추가할 수 있습니다.
그런 다음 문서 조각을 페이지에 추가하세요. 이렇게 하면 성능 최적화를 달성하기 위해 페이지를 여러 번 새로 고칠 필요가 없습니다. 위 코드에서 문서 조각을 사용하는 것은 중복된다고 생각합니다.