자바 스크립트 (innerHTML을 div에 추가)이 코드를 변경하면 코드바 앱의 속도가 향상됩니까?

Question

이것은 특정 질문입니다. 앱의 성능/속도가 향상되지 않으면 코드를 변경하지 않지만 향후 개발에 대한 조언을 구할 것입니다.

저는 Cordova 2.4.0을 사용 중이며 특히 SM-T110 용 Android Jelly Bean 4.2.2 용으로 개발하고 있습니다.

JS 코드 : (실제로 매우 잘 작동하지만 매우 느림) 자세한 내용은 표 행을 생성하는 "for"루프 내부에 있습니다.

div.innerHTML = div.innerHTML + "Something"; 

appendChild를 사용하면 앱의 속도가 빨라 집니까?

감사합니다.

Answer 1

성능면에서 더 어려운 작업은 항상 DOM 렌더링입니다. innerHTML을 설정할 때마다 DOM을 호출하고 있습니다.

div.innerHTML 호출을 루프 이후에 배치하는 것이 좋습니다. 이 같은
뭔가 : 당신은 실제`for` 코드를 보여 주면`, 그것은 더 나은 솔루션을 평가하는 데 도움 것

myVar = "" 
for(a=0; a < yourTableLength; a++) 
{ 
    myVar += "Something"; 
} 
div.innerHTML = myVar;