Red de conocimiento informático - Problemas con los teléfonos móviles - uniapp banner-notas de error de uni-app

uniapp banner-notas de error de uni-app

¿Cómo evaluar la uni-app?

El tema más candente en el front-end es Flutter. No importa qué foro visites, debe haber artículos sobre Flutter. Nunca he usado flutter, pero he estado estudiando tecnología multiplataforma.

Por qué elegir uni-app

He estado buscando soluciones de programas multiplataforma antes y probé muchos programas, como Didi's Chameleon, pero finalmente elegí uni-app. Adjunto aquí. el sitio web oficial de uni-app. ¿Por qué lo elegiste? Primero, la sintaxis de Vue es económica de aprender y rápida de comenzar. Siempre que hayas realizado un proyecto de Vue antes, puedes comenzar rápidamente. De hecho, es una combinación de Vue y WeChat. subprograma, mitad Vue, mitad subprograma WeChat. En segundo lugar, el mantenimiento a largo plazo cuando estaba trabajando en un mini programa de WeChat, elegí el mpvue estadounidense, pero luego descubrí que no se podía mantener durante mucho tiempo y nadie se ocupó de él cuando planteé el problema. Me di por vencido más tarde. El mantenimiento a largo plazo de uni-app dejó al equipo de desarrollo con asuntos pendientes. El tercero son las capacidades multiplataforma que abarcan múltiples terminales, H5, Android, Ios, miniprograma WeChat, miniprograma Baidu, miniprograma Toutiao, miniprograma Alipay, y realmente implementan un conjunto de códigos y operaciones multiterminales. También es muy bueno y se adapta perfectamente a nuestro mercado. En cuarto lugar, el mercado de complementos se está volviendo cada vez más abundante y el mercado de complementos de Uni se está volviendo cada vez más poderoso, lo que básicamente puede satisfacer nuestras necesidades de desarrollo diarias.

El componente uni-app tiene capacidades de llamada nativas y la biblioteca vue de terceros no es compatible con el tiempo de ejecución 5 cuando se llama a la interfaz nativa. Al igual que NativeScript, hay versiones Vue y Angular, similares a Reactnative, ambas se derivan de Phonegap/cordova.

Resultados reales del desarrollo Zunyi Xiaohongjiao creó una aplicación que empaqueta las tres plataformas de Android, iOS y el subprograma WeChat. , el efecto de salida sigue siendo bueno y, en general, estoy bastante satisfecho. Además, el proceso de empaquetado también es muy conveniente y simple. Admite la función de empaquetado automático incorporada de HBuilderX, lo que también ahorra problemas de empaquetado.

Sugerencias de Zunyi Little Red Pepper

Si quieres hacer un producto multiplataforma y tienes experiencia con los mini programas Vue y Weibo, lo más importante es que no quieres Si desea aprender un nuevo idioma, entonces uni-app puede ser una opción para usted. Salto de página del proyecto uni-app

Detalles oficiales

El salto de página uni-app solo puede saltar a la página local y la página de destino debe estar registrada. El método de salto es muy similar al

applet

/vue, excepto que el método y la etiqueta son diferentes y se dividen en dos tipos: y .

Similar a la etiqueta

Similar al método Vue({path:'xxx'}), uni-app proporciona seis métodos de llamada de saltos diferentes.

Detalles del sitio web oficial

Conservar

La página actual, saltar a una página dentro de la aplicación, se puede utilizar para volver a la página original

Descripción del parámetro del objeto (los parámetros de otros métodos de salto son similares):

Recibir datos (el método de recibir parámetros de otros métodos de salto es el mismo):

Cerrar

Cerrar

En la página actual, la página actual.

p>

Página actual, salta a una página dentro de la aplicación, puede entenderse como una página de redireccionamiento

Cerrar todo

Página, salta a Una página dentro la aplicación

Nota:

Si se llama a (OBJECT), no se cerrará, solo activará el

ciclo de vida

onHide

Ir a pestañaBoard

OnHide

OnHide

OnHide es un nuevo método para recibir datos. p>Salte a la página de la barra de pestañas y

Cierre todas las páginas que no sean de la barra de pestañas

Nota:

Si se llama a (OBJECT), no se cerrará. pero solo se activará el ciclo de vida al ocultar

Volver a la página anterior/de varios niveles. Puedes usar getCurrentPages() para obtener la pila de páginas actual y decidir cuántos niveles retroceder

La precarga de páginas es una técnica de optimización del rendimiento. Las páginas precargadas se abren más rápido.

Diferencias de plataforma:

Plataforma H5:

Precargue el archivo js correspondiente a /pages/test/test y no ejecute la lógica de prerenderizado del página

Plataforma App-nvue:

Precargar página/páginas/prueba/prueba de nvue

Notas

p.ej.

HBuilderX2.7.12 hellouni-app, se agregaron ejemplos de precarga de páginas en el ejemplo del navegador y el ejemplo del calendario de uniui. Instrucciones paso a paso de uni-app

1. Utilice () para saltar entre dos páginas normales. La URL puede aceptar parámetros.

2. La página de configuración de la barra de pestañas de salto de página normal requiere (), la URL no puede pasar el valor.

3. Utilice () para saltar a cualquier página (superando el problema de que la URL de la página configurada por la barra de pestañas no puede pasar el valor al saltar a una página normal).

4. El botón central del botón central resaltado (midButton) se puede mostrar continuamente, pero solo es compatible con el entorno real y no es válido para los navegadores.

6. Ciclo de vida de la página (teniendo en cuenta el impacto de la actualización de la página):

onLoad, onShow, onReady

El ciclo de vida de la aplicación se refiere a los Tres.

7. La función de flecha no apunta a esto (úsela con precaución). Si la consola imprime esto como indefinido, demuestra que hay algún problema con la función de flecha. Demuestra que la función de flecha está causando problemas. No seas codicioso por la conveniencia en ocasiones especiales. A veces encuentras problemas que no puedes encontrar incluso si te rascas la cabeza.

8. ({, Success: function (res) {})} Si la solicitud devuelve datos correctamente, no es válido utilizar esta asignación directa directamente, porque se trata de una función asincrónica y requiere la ayuda de un puntero: letthat=this

9. La caché de datos setStorageSync se utiliza para la interacción de 2 páginas, pasando datos y valores, escritos en onLoad.

lt; viewgt; la etiqueta es equivalente a la etiqueta div y solo ocupa una línea.

5. La API proporcionada por el sitio web oficial de Weather Fengyun es gratuita y se puede utilizar 1000 veces por persona al día, lo que es suficiente para practicar.