Análisis de diseño de framework Vue

1. ¿Por qué vue3 adopta el estilo declarativo?

¿Por qué vue no usa imperativo para escribir el marco como JQ? La razón principal es la capacidad de mantenimiento. Aunque el método de escritura imperativo es más intuitivo, necesita mantener todo el proceso para lograr el objetivo, incluida la creación y eliminación de dom. Para aquellos que usan el marco Para los usuarios, traerá una mayor carga mental.

2. ¿Tendrá el dominio virtual un mejor rendimiento que el dominio operativo directo?

La respuesta es, por supuesto, no necesariamente. Virtual dom = encontrar la diferencia entre dos cambios + modificar dom. Operar directamente dom omitirá el proceso de encontrar la diferencia. Por lo tanto, solo cuando dom se opere con frecuencia muchas veces se concluirá que virtual dom funcionará mejor que operar directamente dom.

3. ¿Cuáles son los elementos centrales del diseño del marco?

  1. Mejorar la experiencia de desarrollo del usuario
    es principalmente para generar información más clara y rápida.
  2. Controle el tamaño del código del marco.
    Por ejemplo, en el entorno de producción, elimine algunas sugerencias en el entorno de desarrollo.
  3. Para lograr un buen Tree-Shaking y
    sacudir los componentes inútiles al empaquetar (rollup/webpack), debe usarse correctamente
    /*#_PURE_*/
    
  4. Productos de construcción de salida necesarios en diversas situaciones
IIFE: 立即调用的函数表达式,主要是用于script的直接引入
ESM: 主要用于script type=module的时候
  1. Uso de interruptores de funciones
    Puede desactivar algunas funciones nuevas o que se usan con poca frecuencia agregando interruptores de funciones, para usar Tree-Shaking para reducir el tamaño
  2. Buen manejo de errores
    El marco captura internamente los errores y luego los maneja a través de funciones de manejo de errores definidas por el usuario. Lo que veo ahora es que Vue también encapsula un método con try catch para capturar errores.
  3. Buen soporte de TS
    En esta sección, debemos entender que los marcos que usan TS para el desarrollo y un buen soporte de TS son dos niveles completamente diferentes

4. La idea de diseño de vue3

Dominio virtual —> renderizador —> dominio real

おすすめ

転載: blog.csdn.net/qq_39544148/article/details/128737381