Desarrollo del programa WeChat Mini - Resumen

En julio, comencé a contactarme con el desarrollo de pequeños programas y el proyecto también ha alcanzado la etapa preliminar. Ahora resumiré algunos de los problemas encontrados en el proyecto, puntos de atención y algunos problemas no resueltos para su referencia.

AQUÍ

Siempre he usado las herramientas de desarrollo de WeChat, por supuesto, Sublime y Atom están bien, dependiendo de los hábitos personales. La herramienta para desarrolladores WeChat se debe principalmente a que la API tiene avisos automáticos, pero está familiarizada más adelante y está bien. ¡Sin embargo, la versión actualizada el 1 de septiembre es realmente buena! Aunque se agrega Tencent Cloud y las pruebas, estas no son útiles para la mayoría de los desarrolladores ~~

Depurar

La depuración de las herramientas de desarrollo de WeChat es un poco dolorosa, principalmente en varios aspectos:

• Cuando se trata de problemas jerárquicos , como textarea, mapetc. , están bien en el simulador, pero habrá varios problemas exóticos en la máquina real. Para tales problemas, las sugerencias son las siguientes: 1. mapNo hay necesidades especiales, se recomienda convertir la información del mapa en una imagen a través de la API del mapa de Tencent, haga clic en la imagen para ver la información del mapa. 2. Para textarea, canvasestos componentes primarios se recomienda configurar estado de edición / vista, por ejemplo textareaencima de la capa región contenido de la pantalla, haciendo clic en el área de visualización se proporciona textareaen hiddenel ture familiarizado / falso conmutada explícito e implícito, para evitar la capa de suspensión y el componente primario Problema de nivel.

• Es inconveniente depurar , principalmente porque no se han expuesto muchos errores. Por ejemplo, app.jsonaccidentalmente tabBaragregué un espacio en la parte posterior, lo que provocó que la barra de herramientas inferior no se mostrara, pero no hubo un aviso, etc. No hay una buena manera de hacer esto, más para pisar el pozo, y la comunidad de desarrolladores en el applet WeChat, para hacerle preguntas a la señorita Guanbo, aunque no necesariamente se resuelva ~~

• El rendimiento del simulador y la máquina real son inconsistentes . Principalmente bajo el sistema de Andrew, habrá todo tipo de preguntas maravillosas, similar textarea, inputla bindinput, bindblurhabrá una variedad de diferencias en el rendimiento, especialmente a través de setData añadió textarea, inputel teclado Oficialmente, estos problemas no dieron soluciones adecuadas. Se recomienda usar menos área de texto, especialmente para establecer dinámicamente el atributo de enfoque.

Límite

Límite de tamaño de archivo

Todos lo saben, desde el 1M original ha aumentado a 2M ~~

Las páginas pueden acceder a niveles anidados (es decir, pilas de páginas)

Es decir, el número registrado de páginas visitadas, que puede ser devuelto por la tecla de retorno, se encuentra actualmente en la mayoría de los 5 niveles . Sin embargo, existe el rumor de que aumentará al nivel 10 . De hecho, WeChat es principalmente ligero, y no se recomienda que el nivel de la página sea demasiado profundo, pero en la gestión de la información, como los sitios web y los centros comerciales, es inevitable que demasiada información establezca el contenido y provoque el problema de un nivel comercial demasiado profundo.
El límite de la pila de páginas hace que si supera una página de nivel 5, no puede responder haciendo clic en un enlace de salto . También hay una voluntad es golpeado inválido el salto, el salto es la página de barra de pestañas, tiene que ser open-typees switchTab.
Debido a la limitación de la pila de páginas, la lógica empresarial anidada original debe extenderse razonablemente para reducir el nivel de la pila de páginas. Antes también trató open-typea redirectpero la experiencia del usuario no es bueno , volverá al nivel superior, no cumple con el escenario de negocios.

Sugerir

Unidad

Se recomienda el uso del pequeño programa rpx, pero pxserá más razonable de usar en algunos escenarios :

1. Tamaño de letra del párrafo. En este escenario, el tamaño del área de visualización de texto generalmente no está limitado, y no hay necesidad de considerar problemas como los saltos de línea y la intercepción , y el reconocimiento de fuente se puede mantener en una pantalla pequeña.

2. frontera En teoría, el borde es fijo y no hay necesidad de ajustar el tamaño con la resolución de la pantalla.

Plantillas tanto como sea posible

Los módulos de proyecto correspondientes aparecen dos veces o más, use la templatereutilización tanto como sea posible, un nuevo templatecontenido de administración especial en el directorio del proyecto , si es necesario, también puede jsextraer las partes involucradas en la plantilla , la componente .

Diseño

El terminal móvil admite mejor CSS3, usa el flexdiseño tanto como sea posible , puedes usarlo calctodo vwlo vhque quieras y crea una vista rápidamente.

Pisar el hoyo

No aparece aquí uno por uno, le recomiendo algunos sitios

1. La última compilación de preguntas y respuestas sobre el desarrollo de pequeños programas comunitarios

2. 69 Preguntas frecuentes para los programas WeChat Mini

3. WeChat Mini Program Chart Plug-in (wx-charts)