Tabla de contenido
Tabla de contenido
Editar 2. Razones para elegir uni-app
Cuarto, construcción del entorno uni-aplicación
6. Cosas a tener en cuenta al desarrollar una uni-app
1. ¿Qué es la uni-app?
uni-app es un marco que utiliza Vue.js para desarrollar todas las aplicaciones front-end. Los desarrolladores escriben un conjunto de códigos que se pueden publicar en iOS, Android, Web (responsive) y varios programas pequeños (WeChat/Alipay/Baidu/ Toutiao/ Feishu/QQ/Kuaishou/DingTalk/Taobao), Kuai App y otras plataformas.
Se puede ver en la herramienta de desarrollo de uni-app HBuilder de uso común que uni-app puede realizar las características de "un conjunto de código, distribución de múltiples terminales".
2. Razones para elegir uni-app
1. Herramientas de desarrollo: uni-app tiene la herramienta de desarrollo HbuilderX, lo que hace que escribir código sea mucho más cómodo que las herramientas de desarrollo propias del fabricante del miniprograma. Compatible con el renderizado nativo semanal, lo que aumenta la eficiencia del desarrollo. Sin embargo, dado que hay muchos obstáculos durante la semana, se recomienda utilizar la
optimización del renderizado local;
2. La herramienta de desarrollo integra el lenguaje de extensión CSS de nivel profesional sass/less.
3. Al utilizar la sintaxis de Vue.js, la codificación es mucho más cómoda que la sintaxis nativa del miniprograma. 1. Es más conveniente actualizar la vista 2. Puede usar las propiedades calculadas de Vue;
Cuarto, uni-app agrega muchas interfaces prácticas, como las API relacionadas con [Comunicación de página], que es una buena herramienta para resolver la transferencia de parámetros de llamadas entre ventanas.
5. Sistema de complementos rico y diverso; puede encontrar una variedad de complementos en el centro comercial de complementos
3. Componentes en uni-app
1. ver El contenedor de vista
uView UI es un marco ecológico de aplicación única que es totalmente compatible con nvue. Sus componentes completos y herramientas convenientes le permitirán usarlo fácilmente al alcance de su mano.
2. uVer ventajas
Ver es equivalente a un div en HTML tradicional. Se utiliza para envolver el contenido de varios elementos.
Guía: cubre todos los aspectos de uniapp, brinda a los desarrolladores orientación y conceptos de diseño, lo que le permite tener una iluminación repentina y un progreso fluido; Componentes
: muchos componentes cubren diversas necesidades del proceso de desarrollo, y los componentes son ricos en funciones y compatibles con múltiples terminales. Le permite integrarlo y usarlo rápidamente desde el primer momento;
Biblioteca de herramientas: numerosos gadgets bien pensados son herramientas a las que puede recurrir durante el proceso de desarrollo, lo que le permite tener dardos en la mano y progresar rápidamente; Diseño: recopile muchas
páginas de uso común y diseños para reducir El trabajo repetitivo de los desarrolladores le permite centrarse en la lógica y obtener el doble de resultado con la mitad de esfuerzo.
3. Personalmente, creo que uView es una biblioteca de componentes uni-aplicación muy poderosa y normalmente uso la biblioteca de componentes uView.
2. uni-ui
1. uni-ui Introducción
uni-ui es un marco de interfaz de usuario de alto rendimiento basado en uni-app y totalmente compatible.
URL del complemento: https://ext.dcloud.net.cn/plugin?id=55
Dirección de github: https://github.com/dcloudio/uni-ui
2. Características de uni-ui
: alto rendimiento
Hasta ahora, en el campo de los programas pequeños y aplicaciones híbridas, no existe ningún marco con mayor rendimiento que uni-ui.
Los componentes de uni -ui integral
son adaptables a múltiples extremos y la capa inferior suavizará muchas diferencias o errores en plataformas de programas pequeños.
Uni Statistics se integra automáticamente para lograr la no gestión.
Uni Statistics es una excelente plataforma de estadísticas multiterminal, consulte tongji.dcloud.net.cn.
La extensión del tema
uni-ui admite uni.scss, que puede cambiar fácilmente el estilo de la aplicación.
Cuarto, construcción del entorno uni-aplicación
uni-app tiene dos formas de construir el entorno: aquí se utiliza el método de creación de entornos más simple: HBuilderX. HBuilderX tiene entornos relacionados integrados y se puede utilizar de inmediato. No es necesario configurar entornos relacionados con una sola aplicación. Vaya al sitio web oficial para descargar e instalar el software.
5.Crear proyecto
Después de abrir el software HBuilder, haga clic en "Archivo" → "Nuevo" → "Proyecto" y luego seleccione el tipo de plantilla que desea crear.
Estructura del proyecto
6. Cosas a tener en cuenta al desarrollar una uni-app
La etiqueta de la etiqueta html
uni-app es la misma que la etiqueta del mini programa y es diferente de la etiqueta de HTML. Por ejemplo, div debe cambiarse para ver, span debe cambiarse a texto y un debe cambiarse a navegador.
CSS
recomienda usar el modelo de diseño flexible
. En términos de unidades, las unidades CSS comunes admitidas por uni-app incluyen px y rpx
(las primeras uni-app proporcionaban upx, ahora se recomienda cambiarlo a rpx). Solo el lado H5
JS
puede utilizar objetos integrados en el navegador, como documentos, ventanas, almacenamiento local, cookies, etc., así como jquery y otras dependencias.