Việc triển khai thực thi ảo của Virtual khác với createDocumentFragment() nếu không có trạng thái nào được quan sát?

Question

DOM ảo là bản sao trọng lượng nhẹ của DOM, được lưu trữ/lưu trữ cục bộ trước khi chèn vào DOM thực tế. Chúng ta có thể thay đổi nó như chúng ta muốn và sau đó lưu vào cây DOM thực của chúng ta. Nó sử dụng các thuật toán khác nhau hiệu quả để cập nhật thay đổi qua lại và các trường hợp sử dụng khác.
Tất cả điều này được thực hiện để tránh thao tác trực tiếp với DOM vì đây là một hoạt động tốn kém.
Chúng tôi có phương thức document.createDocumentFragment() có thể được sử dụng trong JavaScript, cũng tạo ra các đối tượng nút cây tưởng tượng để chèn vào DOM.
Tôi muốn biết, nếu tôi không có chế độ xem/thành phần cần quan sát ở bất kỳ trạng thái nào hoặc liên kết hai chiều (ví dụ: chỉ hiển thị mẫu bằng các tùy chọn đã chuyển và xử lý sự kiện trên DOM), Virtual DOM có thực sự tạo sự khác biệt hay không trong các tình huống như vậy?
Hoặc nó là tốt như createDocumentFragment() nếu tất cả nó phải làm là chỉ cần dựng hình và không quan sát trên nhà nước.

Answer 1

Câu trả lời đơn giản nhất là NodeJS làm (/ sẽ) không có document.createDocumentFragment, cũng không document.createElement hoặc bất cứ điều gì như thế.

Điểm của VirtualDOM là cho phép không chỉ chỉnh sửa quy mô lớn cho các hệ thống mà DOM sau này được tiêm, mà còn cho phép bất kỳ chỉnh sửa nào trong môi trường mà DOM chỉ đơn giản không tồn tại.

Đây là sự khác biệt lớn nhất giữa ứng dụng thực tế của DocumentFragment s và VirtualDOM.

Các lợi ích bổ sung về các trường hợp ảo hóa DOM cụ thể sẽ là các thư viện xem nhất định (React, nói) xử lý những điều này khá đơn giản, so với chèn thủ công vào phân đoạn và con cái của chúng.