A API de armazenamento da Web HTML5 pode ser considerada uma versão aprimorada dos cookies, que não é limitada pelo tamanho dos dados, possui melhor flexibilidade e arquitetura e pode escrever dados na ROM da máquina. Ele também pode restaurar os dados quando o navegador estiver fechado e é aberto novamente para reduzir o tráfego da rede.
O surgimento do desenvolvimento móvel HTML5 mudou a concorrência de plataformas móveis de plataformas de sistema para navegadores: IE móvel, Chrome, Firefox, Safari ou novos navegadores. Quem pode obter melhor suporte para o HTML5 no lado móvel poderá ocupar mais mercados no futuro campo de aplicativo móvel.
Os métodos de uso e instalação de aplicativos mais flexíveis e convenientes se tornarão uma das garantias para HT] L5 brilhar nas plataformas móveis.
Aqui estão vários recursos principais que o HTML5 é adequado para o desenvolvimento de aplicativos móveis:1. O cache off -line fornece a base para o desenvolvimento de HTML5 de aplicativos móveis
A API de armazenamento da Web HTML5 pode ser considerada uma versão aprimorada dos cookies, que não é limitada pelo tamanho dos dados, possui melhor flexibilidade e arquitetura e pode escrever dados na ROM da máquina e também pode restaurar dados quando o navegador estiver fechado e aberto novamente para reduzir o tráfego de rede.
Ao mesmo tempo, essa função pode ser considerada como um registro de operação em outra direção, sem ocupar recursos de fundo, reduzindo a pressão no hardware do dispositivo e aumentando a suavidade da operação.
Os aplicativos on -line suportam o download de caches offline ao usar ou não baixar caches offline; Os aplicativos offline devem ser baixados após caches offline antes que possam ser usados.
Para dizer vividamente, os biscoitos armazenam telefones e menus. Você precisa pedir sugestões quando quiser comer. Quanto tempo leva para esperar depende da condição de tráfego; O cache offline significa que você armazena comida diretamente na geladeira e pode comer imediatamente se quiser comer a comida mais recente (é claro, você também pode ligar para reservar uma reserva se quiser comer a comida mais recente).
Os designers devem saber quando deixar os usuários baixarem o cache offline (observe a diferença entre os aplicativos online e offline).
2. Audio e vídeo incorporados, formato multimídia mais flexível
O método de desenvolvimento nativo é relativamente problemático para processar o conteúdo multimídia que mistura texto e áudio e vídeo. Requer divisão de texto, imagens, áudio e vídeo, analisando os URLs correspondentes e processando -os de maneiras diferentes.
O HTML5 é completamente irrestrito a esse respeito e pode ser tratado inteiramente juntos.
Os designers devem saber que seria uma coisa maravilhosa se o texto e a multimídia fossem misturados na apresentação de informações de notícias, Weibo e aplicativos sociais sem precisar incorporar visualizações da Web especificamente, pelo menos ainda é difícil implementar o método nativo agora.
3. Posicionamento geográfico, compartilhe localização a qualquer hora, em qualquer lugar
Dê um jogo completo às vantagens dos dispositivos móveis no posicionamento e promova o desenvolvimento de aplicativos LBS.
Você pode usar GPS, Wi -Fi, telefones celulares e outros métodos para tornar o posicionamento mais preciso e flexível.
O posicionamento da localização geográfica faz com que o posicionamento e a navegação não tenham mais software de navegação exclusivo, e os mapas não precisam baixar pacotes de mapa muito grandes. Eles podem ser resolvidos através do cache e podem ser mais flexíveis aonde quer que vão.
Os designers devem saber que existem cada vez mais aplicativos que incorporam funções LBS, que também é uma das maiores vantagens dos dispositivos móveis em comparação com os PCs de mesa. O HTML5 pode expandir essa vantagem novamente. Pense em como usá -lo no aplicativo que você projetou!
4. Desenho de tela para melhorar os recursos de desenho das plataformas móveis
Use a API de tela para simplesmente desenhar mapas de hotspot para coletar informações de experiência do usuário
Suporta edição geral de imagens como movimento, rotação e zoom
Suporte da função de tela - 2D de desenho
Suporte de função de desenho 3D - 3D de tela
SVG - Suporte de gráfico vetorial
Os designers devem saber que o movimento, a rotação e a escala das imagens são muito básicos. Eles são todos pequenos casos quando se desenham sozinhos. Quanto a como usá -los, pense nisso com cuidado!
5. Elementos de formulário personalizados para plataformas móveis
O elemento de formulário HTML5 que aparece no navegador e no teclado correspondente:Teclado de uso do tipo
Teclado de conteúdo normal de entrada de texto teclado padrão
Tel número de telefone Tel Numeric Keypad
Endereço de e -mail da caixa de texto com @ e.
URL do URL com .com e.
A pesquisa é usada para mecanismos de pesquisa, como o teclado padrão da caixa de pesquisa exibida na parte superior do site
Seletores numéricos de alcance dentro de uma faixa de valor específica, exibição típica é controle deslizante ou plataforma giratória
Você só precisa de uma declaração simples para concluir a chamada para diferentes teclados, o que é simples e conveniente.
Os designers devem saber que, ao usá -lo, lembre -se de dizer aos colegas de P&D!
6. Suporte ao modo interativo rico
Melhorar a capacidade de interação: arrastar, desfazer operações históricas, seleção de texto, etc.
Transição - efeito de movimento dos componentes
Efeito de deformação de transformação - componente
Animação - Adicione movimento e deformação ao suporte à animação
Os designers devem saber que o HTML5 fornece um rico método interativo. Quanto a ser útil ou não, é seu próprio negócio!
7. Vantagens do uso html5
Menores custos de desenvolvimento e manutenção;
Tornar a página menor e reduzir os gastos desnecessários para os usuários; E melhor desempenho torna o consumo de energia mais baixo;
É conveniente atualizar, e você pode abri-lo e usar a versão mais recente, eliminando o problema de fazer o baixamento novamente o pacote de atualização. Durante o uso, você atualiza diretamente o cache offline.
Os designers devem saber o que os usuários desejam e o que o HTML5 pode fornecer aos usuários.
8. Ferramentas auxiliares de designer visual CSS3
O CSS3 suporta incorporação de fontes, layout de layout e os recursos de animação mais impressionantes.
Seletor - seletor mais flexível
Webfonts - fontes incorporadas
Layout - diversas opções de tipografia
Sombra do gradiente de raio estilante - cantos arredondados, gradientes, sombras
Antecedentes de fronteira - Suporte de fundo para fronteiras
Use o CSS3 para concluir algum trabalho visual, carregamento rápido, salvar código e fotos e salve a largura de banda para os usuários.
Os designers devem saber que o caminho de dezenas de imagens materiais em uma interface está fora do caminho, então deixe o CSS3 ajudá -lo a ser preguiçoso o mais rápido possível.
9. Comunicação em tempo real
No passado, devido ao protocolo HTTP e design do navegador, a interação em tempo real era bastante limitada e algumas técnicas só podiam ser usadas para "simular" os efeitos da comunicação em tempo real, mas o HTML5 forneceu suporte completo à comunicação em tempo real.
Os designers devem saber que o conteúdo de comunicação e informação em tempo real está incorporado ao aplicativo de lembretes em tempo real, e o HTML5 pode ajudá-lo a alcançá-lo.
10. Arquivos e suporte de hardware
Gostaria de saber se você descobriu que, em novos programas da Web, como o Gmail, já pode usar arquivos de arrasto e arrasto como anexos de email? Esta é a API DRAT 'N DROP e ARQUIVA nas funções do arquivo HTML5.
Os designers devem saber que há uma demanda crescente por transmissão de dados em aplicativos móveis, e o método de seleção de caminho tradicional é muito pesado. Venha e experimente a função HTML5 Drag and Shop Upload!
11. Semântico
As redes semânticas podem permitir que os computadores entendam melhor o conteúdo das páginas da Web, que podem ser de grande ajuda para pesquisar o Otimização do Mecanismo (SEO) ou sistemas de recomendação.
Os designers devem saber que o HTML5 pode tornar as pesquisas mais rápidas e precisas.
12. Método de desenvolvimento de aplicativos de integração de plataforma dupla para melhorar a eficiência do trabalho
De acordo com a situação atual em que o iPhone/Android está aumentando rapidamente sua participação de mercado, se você deseja escrever aplicativos em smartphones avançados no futuro, se você optar por usar a estrutura Objective-C + Cocoatouch para escrever aplicativos para iPhone/iPad ou escolha Java + Android Framework. Se você deseja suportar duas plataformas ao mesmo tempo, precisará manter dois conjuntos de códigos, o que é um pequeno fardo para pequenos serviços que estão apenas começando.
Use HTML5 e CSS3 para escrever aplicativos baseados na Web. Para oferecer suporte ao iPhone e Android ao mesmo tempo, você só precisa manter um único código (alguns precisam ser modificados de acordo com os clientes). No futuro, se outros dispositivos móveis tiverem navegadores que suportam HTML5, o mesmo WebApp terá diretamente uma plataforma de suporte adicional.
A série de serviços do Google usa muitas especificações de cache, armazenamento e banco de dados no HTML5 para alcançar o efeito dos programas de acesso offline. Como a conexão de rede de dispositivos móveis é mais instável que os aplicativos de desktop e, às vezes, não há rede para usar no celular, essas tecnologias permitem que os usuários continuem usando seu WebApp, mesmo em um ambiente livre da Internet. Isso mostra que o principal objeto de serviço do HTML5 ainda é fornecido aos aplicativos da Web e não representa uma ameaça ao desenvolvimento de todos os aplicativos. Isso ajudará diferentes tipos de aplicativos a usar diferentes métodos de desenvolvimento e os tornará mais flexíveis.
O conteúdo acima introduz vários recursos principais do desenvolvimento móvel HTML5 (leitura obrigatória), espero que gostem.