1000-div问题

一次性插入1000个div，如何优化插入的性能？

1. 使用Fragment

    var fragment = document.createDocumentFragment();
    fragment.appendChild(elem);

2. 向1000个并排的div元素中，插入一个平级的div元素，如何优化插入的性能

• 先display:none 然后插入 再display:block
• 赋予key，然后使用virtual-dom，先render，然后diff，最后patch
• 脱离文档流，用GPU去渲染，开启硬件加速