### 1. fragment-->优化页面渲染 ~~~ <ul id="parent"> </ul> <script> // fragment-->优化页面渲染 //原理：将创建的元素装在 fragment中然后再一次性添加 减少浏览器负担 var parent = document.getElementById("parent"); var fragment = document.createDocumentFragment(); for(let i=0;i<10;i++){ let li = document.createElement("li"); li.innerHTML=i; fragment.appendChild(li); } parent.appendChild(fragment); </script> ~~~