La API de almacenamiento web HTML5 se puede considerar como una versión mejorada de las cookies, que no está limitada por el tamaño de los datos, tiene una mejor flexibilidad y arquitectura, y puede escribir datos en la ROM de la máquina. También puede restaurar los datos cuando el navegador está cerrado y se abre nuevamente para reducir el tráfico de red.
La aparición del desarrollo móvil HTML5 ha cambiado la competencia de las plataformas móviles desde plataformas de sistemas hasta navegadores: IE, Chrome, Firefox, Safari o nuevos navegadores. Quien pueda lograr un mejor soporte para HTML5 en el lado móvil podrá ocupar más mercados en el futuro campo de aplicaciones móviles.
Los métodos de uso e instalación de aplicaciones más flexibles y convenientes se convertirán en una de las garantías para HT] L5 para brillar en las plataformas móviles.
Aquí hay varias características principales que HTML5 es adecuada para el desarrollo de aplicaciones móviles:1. El almacenamiento en caché fuera de línea proporciona la base para el desarrollo HTML5 de aplicaciones móviles
La API de almacenamiento web HTML5 puede considerarse como una versión mejorada de las cookies, que no está limitada por el tamaño de los datos, tiene una mejor flexibilidad y arquitectura, y puede escribir datos en la ROM de la máquina, y también puede restaurar los datos cuando el navegador está cerrado y abierto nuevamente para reducir el tráfico de la red.
Al mismo tiempo, esta función puede considerarse como un registro de operación de fondo en otra dirección, sin ocupar ningún recurso de fondo, reducir la presión sobre el hardware del dispositivo y aumentar la suavidad de la operación.
Las aplicaciones en línea admiten descargar cachés fuera de línea mientras usan o no descargan cachés fuera de línea; Las aplicaciones fuera de línea deben descargarse después de los cachés fuera de línea antes de que puedan usarse.
Para decirlo vívidamente, las galletas almacenan teléfonos y menús. Necesitas pedir conclusiones cuando quieras comer. El tiempo que lleva esperar depende de la condición del tráfico; El caché fuera de línea significa que almacena alimentos directamente en el refrigerador, y puede comerlo de inmediato si desea comer los últimos alimentos (por supuesto, también puede llamar para reservar una reserva si desea comer los últimos alimentos).
Los diseñadores deben saber cuándo dejar que los usuarios descarguen caché fuera de línea (tenga en cuenta la diferencia entre aplicaciones en línea y fuera de línea).
2. Audio y video libremente integrados, formato multimedia más flexible
El método de desarrollo nativo es relativamente problemático para procesar contenido multimedia que mezcla texto y audio y video. Requiere división de texto, imágenes, audio y video, analizar las URL correspondientes y procesarlas de diferentes maneras.
HTML5 no tiene restricciones a este respecto y se puede manejar completamente juntos.
Los diseñadores deben saber que sería algo maravilloso si el texto y los multimedia se mezclan en la presentación de información de noticias, Weibo y aplicaciones sociales sin tener que integrar específicamente las vistas web, al menos todavía es difícil implementar el método nativo ahora.
3. Posicionamiento geográfico, compartir ubicación en cualquier momento, en cualquier lugar
Dé plena las ventajas de los dispositivos móviles en el posicionamiento y promueve el desarrollo de aplicaciones LBS.
Puede usar GPS, WiFi, teléfonos móviles y otros métodos para que el posicionamiento sea más preciso y flexible.
El posicionamiento de la ubicación geográfica hace que el posicionamiento y la navegación ya no tengan un software de navegación exclusivo, y los mapas no necesitan descargar paquetes de mapas muy grandes. Se pueden resolver a través del caché, y pueden ser más flexibles donde quiera que vayan.
Los diseñadores deben saber que hay más y más aplicaciones que incrustan las funciones de LBS, que también es una de las mayores ventajas de los dispositivos móviles en comparación con las PC de escritorio. HTML5 puede ampliar esta ventaja nuevamente. ¡Piense en cómo usarlo en la aplicación que diseñó!
4. Dibujo de lona para mejorar las capacidades de dibujo de las plataformas móviles
Use la API de lona para simplemente dibujar mapas de puntos de acceso para recopilar información de experiencia del usuario
Admite la edición general de imágenes como movimiento, rotación y zoom
Canvas: soporte de función de dibujo 2D
Canvas 3D - Soporte de función de dibujo 3D
SVG - Soporte de gráfico vectorial
Los diseñadores deben saber que el movimiento, la rotación y la escala de las imágenes son demasiado básicos. Todos son casos pequeños al dibujar solos. En cuanto a cómo usarlos, ¡piense con cuidado!
5. Elementos de formulario personalizados para plataformas móviles
El elemento de formulario HTML5 que aparece en el navegador y el teclado correspondiente:Tipo de teclado de propósito
Teclado estándar de contenido de entrada normal de texto
Número de teléfono TECLA NUMERICO
Caso de texto de dirección de correo electrónico de correo electrónico con @ y.
URL de la URL con .com y.
La búsqueda se utiliza para motores de búsqueda, como el teclado estándar del cuadro de búsqueda que se muestra en la parte superior del sitio
Selectores numéricos de rango dentro de un rango de valor específico, la pantalla típica es control deslizante o platillo giratorio
Solo necesita una declaración simple para completar la llamada a diferentes teclados, lo cual es simple y conveniente.
Los diseñadores deben saber que al usarlo, ¡recuerde decirle a sus colegas de I + D!
6. Soporte de modo interactivo rico
Mejorar la capacidad de interacción: arrastre, deshacer operaciones históricas, selección de texto, etc.
Transición: efecto de movimiento de los componentes
Transformar el efecto de deformación del componente
Animación: agregue movimiento y deformación al soporte de animación
Los diseñadores deben saber que HTML5 proporciona un método interactivo rico. En cuanto a si es útil o no, ¡es su propio negocio!
7. Ventajas del uso de HTML5
Menores costos de desarrollo y mantenimiento;
Haga la página más pequeña y reduzca el gasto innecesario para los usuarios; Y un mejor rendimiento hace que el consumo de energía sea más bajo;
Es conveniente actualizarlo, y puede abrirlo y usar la última versión, eliminando el problema de volver a descargar el paquete de actualización. Durante el uso, actualiza directamente el caché fuera de línea.
Los diseñadores deben saber qué quieren los usuarios y qué puede proporcionar HTML5 a los usuarios.
8. Herramientas auxiliares de diseño visual CSS3
CSS3 admite la incrustación de fuentes, el diseño del diseño y las características de animación más impresionantes.
Selector - Selector más flexible
WebFonts: fuentes integradas
Diseño - Opciones de tipografía diversas
Sombra de gradiente de radio stying: esquinas redondeadas, gradientes, sombras
Antecedentes fronterizos: soporte de fondo para fronteras
Use CSS3 para completar algo de trabajo visual, carga rápida, guardar código e imágenes, y guardar el ancho de banda para los usuarios.
Los diseñadores deben saber que la forma de docenas de imágenes de materiales en una interfaz está demasiado fuera del camino, así que deje que CSS3 lo ayude a ser perezoso lo antes posible.
9. Comunicación en tiempo real
En el pasado, debido al protocolo HTTP y al diseño del navegador, la interacción en tiempo real era bastante limitada, y algunas técnicas solo podían usarse para "simular" los efectos de comunicación en tiempo real, pero HTML5 proporcionó soporte de comunicación en tiempo real completo.
Los diseñadores deben saber que la comunicación en tiempo real y el contenido de información están integrados en la aplicación para recordatorios en tiempo real, y HTML5 puede ayudarlo a lograrlo.
10. Soporte de archivos y hardware
Me pregunto si ha descubierto que en nuevos programas web como Gmail, ya puede usar archivos de arrastrar y arrastrar como archivos adjuntos de correo electrónico. Esta es la API de Drag 'n Drop and File en las funciones del archivo HTML5.
Los diseñadores deben saber que existe una creciente demanda de transmisión de datos en aplicaciones móviles, y el método de selección de ruta tradicional es demasiado engorroso. ¡Ven y prueba la función de carga HTML5 y suelta la carga!
11. Semántico
Las redes semánticas pueden permitir que las computadoras comprendan mejor el contenido de las páginas web, que pueden ser de gran ayuda para la optimización de motores de búsqueda (SEO) o los sistemas de recomendación.
Los diseñadores deben saber que HTML5 puede hacer búsquedas más rápidas y precisas.
12. Método de desarrollo de aplicaciones de integración de doble plataforma para mejorar la eficiencia laboral
De acuerdo con la situación actual en la que iPhone/Android aumenta rápidamente su participación en el mercado, si desea escribir aplicaciones en teléfonos inteligentes avanzados en el futuro, si elige usar el marco Objective-C + COCOOCOuch para escribir aplicaciones iPhone/iPad, o elegir Java + Framework para escribir aplicaciones de Android. Si desea admitir dos plataformas al mismo tiempo, tendrá que mantener dos conjuntos de códigos, que es una pequeña carga para pequeños servicios que recién comienzan.
Use HTML5 y CSS3 para escribir aplicaciones basadas en la web. Para admitir iPhone y Android al mismo tiempo, solo necesita mantener un solo código (algunos deben modificarse según los clientes). En el futuro, si otros dispositivos móviles tienen navegadores que admiten HTML5, la misma aplicación web tendrá directamente una plataforma de soporte adicional.
La serie de servicios de Google usa muchas especificaciones de caché, almacenamiento y base de datos en HTML5 para lograr el efecto de los programas de acceso fuera de línea. Debido a que la conexión de red de los dispositivos móviles es más inestable que las aplicaciones de escritorio, y a veces no hay red para usar en dispositivos móviles, estas tecnologías permiten a los usuarios continuar utilizando su aplicación web incluso en un entorno sin Internet. Esto muestra que el objeto de servicio principal de HTML5 todavía se da a las aplicaciones web y no representará una amenaza para el desarrollo de todas las aplicaciones. Esto ayudará a diferentes tipos de aplicaciones a usar diferentes métodos de desarrollo y los hará más flexibles.
El contenido anterior presenta varias características principales del desarrollo móvil HTML5 (debe leer), espero que les guste.