Implementar o cliente HTMLEu explico o código em blocos. Primeiro, eu ilustrar a arquitectura global e então preencha as peças individuais. A seguir está o código-fonte da página HTML inteiro. Fonte: / cliente / artigos ajaxrest / Arquitectura / dynamiclist.html
No código-fonte no topo da página HTML é um número de marcas de script que um número de referência de arquivos JavaScript. Os arquivos JavaScript contêm a lógica reutilizáveis que tem sido utilizado anteriormente e pode ser usado em diferentes contextos para manipular grandes conjuntos de dados ou lenta. Nosso principal interesse agora é o código HTML em negrito, que representa a estrutura de base de dados grande e lento conjuntos . Há uma etiqueta de mesa e um iframe tag. A etiqueta de mesa, em um sentido abstrato, que representa a navegação do conjunto de dados, e como é a estrutura de navegação depende de suas preferências pessoais. O iframe representa o conteúdo desse conjunto de dados. Um iframe é usado para que a navegação é separada da apresentação dos dados. Separando estas duas acções HTML usando uma barreira física faz com que seja mais simples de gerenciar a saída gerada de cada um. A navegação de metadados é único em que o evento onclick não foi implementada, mas onmouseout e onmouseover ter. onclick não é suportado porque clicar é superestimada quando se navega grandes conjuntos de dados ou lenta. Eliminando a necessidade de clicar reduz o problema particular de overclicking que a maioria dos sites parecem promover. Se os usuários constantemente precisa clicar para navegar pelos dados, que são susceptíveis de tornar-se mentalmente e digitalmente cansado e desistir depois de um número de cliques. Por exemplo, se você já visitou um site e imagem clicada por centenas de fotos, tentando encontrar o que você está interessado, então você sabe como tedioso experiência neste tipo de navegação pode ser. Ao criar sua própria navegação, É importante ter certeza de que você não perca a atenção dos usuários. Uma forma de manter sua atenção é evitar o uso de clique de navegação. Bound articleends como pelos elementos de navegação são os elementos de dados aqui um exemplo: Novamente, este elemento não tem implementado o evento onclick para evitar a fadiga clique. Quando a pairar o mouse sobre o elemento, os usuários vão esperar para ver os dados associados a ela. Uma exceção a esta regra é se o usuário passar o mouse rapidamente sobre o elemento HTML vamos examinar a situação em breve. Cada um dos elementos de dados tem uma identificação com um número, com a idéia de criar uma matriz de elementos de HTML que podem ser abordados e manipulados diretamente. Você não precisa fazer isso, e você pode criar uma matriz de elementos de navegação quando o conteúdo HTML é carregado. Clickless Navegação Na minha opinião, nós confiamos muito em clicar para navegar. Isto não foi sempre o caso: originalmente, o padrão para sistemas operacionais Unix foi para atribuir o foco para a janela que o mouse estava pairando sobre. Era o mundo Windows, que promoveu a sua própria marca de clicar para realizar tarefas e ativar itens. Rapidamente se tornou evidente que muitos cliques eram necessários para realizar as tarefas mais básicas. Por exemplo, para ativar itens em uma aplicação você geralmente tem que clique ou clique duplo-los. Deslizante O Adobe Reader é uma ótima maneira de filtrar os dados e encontrar a página que você deseja. Entanto, e se o documento que você está procurando menos, tem milhares de páginas? Parece que o Adobe Reader painel deslizante tem o mesmo problema que todos os controles deslizantes outros é fácil de percorrer 10, ou talvez 100 páginas, mas para além de que a navegação fica aborrecido. A solução implementa o Adobe Reader é uma dupla deslizante. No lado direito é uma barra de rolagem, que tem uma interação muito mais grossos e permite-lhe passar rapidamente da página 1 à página 300. Para maiores documentos, o Adobe Reader vai mesmo dizer-lhe que a página está rolando para. O método de dupla rolagem, onde uma barra é um slider "grosseiros" eo outro é um "fino" slider, é extremamente eficaz, porque mover o controle deslizante grosseiros também move o controle deslizante fino. Uma estratégia eficaz é usar o controle deslizante grosseiros para chegar no bairro do conteúdo que você está interessado, e em seguida, use o controle deslizante para aprimorar a multa sobre o conteúdo da página. • História Gesto lembra onde você navegou para que perguntas sobre a sua navegação pode ser feita no futuro. O exemplo diz respeito à questão de saber se você gosta de navegação sem clicar. • Navegação para um site externo não precisa de um clique. No paradigma de navegação clickless, o ato de pairar por um período específico de tempo ativa uma nova navegação. • Movimentar-se no site da ativa e desativa a funcionalidade das peças. Este aspecto é particularmente útil para computadores tablet-style. Http://www.dontclick.it O site ilustra quão eficaz navegação clickless pode ser, sem perder nenhuma funcionalidade. Tudo o que é necessário é uma mudança de perspectiva na forma como você navegar pelo conteúdo. Implementar este tipo de navegação usando o HTML é um desafio porque o JavaScript não é multithread. Em um cenário de vários segmentos, você teria uma lista de discussão observando o que o rato está fazendo e então agir. O que você precisa fazer em JavaScript é imitar o comportamento de vários segmentos. Mas mesmo com imitando, seu sucesso será limitado. A estratégia que precisa ser implementado é semelhante ao atirar uma bola e ter um cão trazê-lo de volta. Como uma analogia, eu tenho um amigo que teve todos os cães da sua vida. Uma vez, quando fui visitá-lo, ele tinha um pastor australiano. Quem estiver familiarizado com esta raça sabe que os pastores australianos têm energia ilimitada, assim que meu amigo precisava encontrar uma maneira de liberar a energia do seu cão. Sua solução foi de golfe. Meu amigo era um golfista brotação e ele teve problemas com tiros curtos, ele iria praticar tiros de seu golf e deixe seu cachorro levar a bola para trás. Para terminar a história, o cão adicionou The Game, consistentemente trouxe a bola para trás, e meu amigo jogo de golfe melhoraram dramaticamente. Agora vamos relacionar esta história com a estratégia de imitar as postagens em JavaScript. Quando multitarefa real não está disponível, você precisará usar eventos. No caso do meu amigo, seus eventos foram bater a bola de golfe eo cão trazer de volta a bola. Entre tomar o tiro e esperando a bola voltar, meu amigo poderia fazer outras coisas (porque inicialmente ele continuou batendo a bola para o mato), é certo, o tempo para fazer outras coisas era limitado, mas ele ainda poderia ter uma conversa com outra pessoa e assim por diante. Assim, quando não imita multithreading em JavaScript, você é realmente execução multithreading, mas que está a implementar um evento pró-Driven Architecture. um artigo submetido por Sonja Lande Isenção de responsabilidade:O nosso site não se responsabiliza pelo conteúdo deste artigo. Webarticles é uma fonte de informação livre. Importante: Este artigo "Aplicação de HTML do cliente" foi traduzida por um software automático. Nós sentimos muito por quaisquer erros de ortografia que pode ter ocorrido. Obrigado pela sua compreensão.
|
||||||||||||||||||
| Online: 327 users browsing the articles directory |
|
|