¿Qué es un dom virtuales
Con un objeto DOM para describir la estructura de este objeto es el DOM virtual.
¿Por qué utilizar dom virtuales
Debido a que la operación lleva el rendimiento dom, hay cientos de atributos y métodos DOM. Calcular la parte real del cambio DOM Virtual, y sólo para la porción operativo nativo DOM, en lugar de re-renderizado toda la página se puede reducir operación dom,
H es el método de acuerdo con el tipo de dom, atributos, nodos secundarios, texto. Generación de un dom virtuales
h.js no createElement acepta parámetros: tipo, accesorios, ... niños, createElement, después de la llave fuera los apoyos, el llamado de vnode (tipo, llave, accesorios, niños), vnode devuelve un objeto .
render (vnode, contenedor) método se convertirá en cierto nodo nodo virtual. Ver qué tipo de elemento de texto comparación de atributos, las diferencias en las propiedades más antiguas y nuevas propiedades, calculado sobre el último, dom asignado.
Como comparación?
Si escribe, la clave no es la misma replaceChild, directa, sustituido por un nuevo nodo del viejo nodo.
escribir, la misma tecla, todos los tipos de texto, modificar directamente textContent
tipo, Llave, son tipos de nodos, de los apoyos, los atributos de actualización de edad nodo de acuerdo con el atributo del nuevo nodo, en comparación con los niños, (los antiguos nodos tienen el nuevo nodo no es - "eliminar innerHtml nodo de edad; nodo de edad no tiene nodo nuevo allí -" al nuevo nodo para agregar nodos secundarios; nodo de edad tiene nuevos nodos tienen - "updataChildren
updataChildren
marca de viejos y nuevos nodos de inicio y final del puntero, en cinco casos, el nuevo nodo principal - nodo de edad un nuevo nodo End - nodo de la cola de edad el nuevo primer nodo - nodo de la cola de edad un nuevo nodo End - nodo de edad, el contraste violento (la estructura del mapa, para ver si hay un nodo hijo del nodo antiguo , sí, en movimiento, si no agregadas).