React基本原理-仮想DOM
1313 ワード
DOM , ,React , DOM, , DOM, , 。
DOM JavaScript , DOM , :
1)createElement(‘Button’)
button, ? , DOM!
2)DocumentFragment( )
,
: DocumentFragment=====>>>>>> , ,
:
var frag=document.createDocumentFragment();
for(var i=0;i<10;i++){
var l=document.createElement("li");
l.innerHTML="ss";
frag.appendChild(l);
}
document.getElementById("list").appendChild(frag);
, , DOM!
React DOM ?
React jsx , jsx , , jsx js , 。
React , diff , DOM 。
jsx==>jsオブジェクト(createElement)=>をページに挿入するという仮想DOMですが、簡単ですか?