Mettre en œuvre le HTML du clientJ'explique le code en blocs. D'abord, je illustrent l'architecture générale, puis-je renseigner les différents morceaux. Ce qui suit est le code source de toute la page HTML. Source: / client / articles ajaxrest / architecture / dynamiclist.html
Dans le code source dans le haut de la page HTML sont un certain nombre de balises de script qu'un numéro de référence de fichiers JavaScript. Les fichiers JavaScript contenant la logique réutilisable qui a été utilisé précédemment et peut être utilisé dans différents contextes de manipulation de vastes ensembles de données ou de ralentir. Notre intérêt principal pour l'instant est le Téméraire code HTML, ce qui représente la structure de la base de données volumineux et lent ensembles . Il ya une balise table et une balise iframe. La balise table, dans un sens abstrait, représente la navigation de l'ensemble de données, et comment vous structure de la navigation dépend de vos préférences personnelles. L'iframe représente le contenu de cet ensemble de données. Une iframe est utilisée pour que la navigation est distinct de l'affichage des données. La séparation de ces deux actions à l'aide d'une barrière physique HTML, il est plus simple à gérer des fichiers de sortie de chacun. La navigation dans les méta-données est unique en ce que l'événement onclick n'a pas été appliquée, mais onmouseout onmouseover et avoir. onclick n'est pas supporté, car en cliquant is overrated lors de la navigation de grands ensembles ou de ralentir données. Suppression de la nécessité de cliquer réduit le problème particulier de overclicking que la plupart des sites Web ne semblent promouvoir. Si vos utilisateurs ont constamment besoin de cliquer pour naviguer dans les données, elles sont susceptibles de devenir mentalement et numériquement fatigué et abandonnent après un certain nombre de clics. Par exemple, si vous avez déjà visité un site Web et clique sur l'image à travers des centaines de photos, en essayant de trouver celle qui vous intéresse, alors vous savez comment l'expérience pénible de ce type de navigation peut être. Lorsque vous créez votre propre navigation, il est important de s'assurer que vous ne perdez pas l'attention des utilisateurs. Une façon de garder leur attention est d'éviter d'utiliser cliquez sur base de la navigation. Bondir comme articleends par les éléments de navigation sont les éléments de données Voici un exemple: Encore une fois, cet élément n'a pas exécuté l'événement onclick pour éviter la fatigue clic. Lors du survol de sa souris sur l'élément, les utilisateurs s'attendent à voir les données qui lui sont associées. Une exception à cette règle est que si les utilisateurs passent leur souris rapidement sur l'élément HTML, nous allons examiner cette situation sous peu. Chacun des éléments de données a une identité avec un numéro, avec l'idée étant de créer un tableau d'éléments HTML qui peuvent être traités et manipulés directement. Vous n'avez pas besoin de faire cela, et vous pouvez créer un tableau d'éléments lorsque la teneur en navigation HTML est chargé. Clickless Navigation À mon avis, nous nous basons trop sur cliquer pour naviguer. Ce ne fut pas toujours le cas: à l'origine, la valeur par défaut pour les systèmes d'exploitation Unix a consisté à attribuer le focus à la fenêtre que la souris planait au-dessus. C'était le monde Windows qui favorisent sa propre marque de cliquer pour accomplir des tâches et activer articles. Très rapidement il est apparu que trop de clics sont nécessaires pour accomplir les tâches les plus élémentaires. Par exemple, pour activer les éléments dans une application, vous avez habituellement pour cliquer ou double-cliquez sur eux. Le curseur d'Adobe Reader est une excellente façon de passer au crible les données et de trouver la page que vous voulez. Mais que faire si le document que vous cherchez en a des milliers de pages? Il semblerait que le logiciel Adobe Reader volet curseur a le même problème que tous les curseurs autres il est facile de parcourir 10, ou peut-être 100 pages, mais au-delà, que la navigation devient fastidieuse. La solution Adobe Reader est une œuvre à double curseur. Sur le côté droit est une barre de défilement, qui a une itération beaucoup plus grossières et vous permet de passer rapidement de la page 1 à la page 300. Pour les plus grands documents, Adobe Reader vous dirai même quelle page vous êtes à défilement. La méthode de défilement double où un curseur est un curseur «grossier» et l'autre est une "fine" slider, est extrêmement efficace, car le déplacement du curseur se déplace aussi grossière le curseur amende. Une stratégie efficace consiste à utiliser le curseur grossier pour vous mettre dans le quartier du contenu qui vous intéresse, puis utilisez le curseur amende à affiner sur la teneur exacte. • Geste histoire se souvient où vous avez navigué sorte que les questions concernant votre navigation peuvent être posées dans l'avenir. Exemple concerne la question de savoir si vous bénéficier d'une navigation sans cliquer. • Navigation vers un site Web externe n'a pas besoin d'un déclic. Dans le paradigme de navigation Clickless, l'acte de vol stationnaire pour une période de temps spécifique active un nouveau système de navigation. • Se déplacer dans le site Web active et désactive des morceaux de fonctionnalité. Cet aspect est particulièrement utile pour les ordinateurs Tablet style. Http://www.dontclick.it Le site illustre l'efficacité de la navigation Clickless peut être, sans perdre aucune fonctionnalité. Tout ce qu'il faut, c'est un changement de perspective dans la façon de naviguer dans le contenu. Mise en oeuvre ce type de navigation à l'aide HTML est un défi parce que JavaScript n'est pas multithread. Dans un scénario multithread, vous auriez un fil de surveiller ce que fait la souris et ensuite agir. Qu'est-ce que vous devez faire en JavaScript est multithread imitent le comportement. Mais même avec des mimiques, votre succès sera limité. La stratégie qui doit être mis en oeuvre s'apparente à lancer une balle et d'avoir un chien de le ramener. Par analogie, j'ai un bon ami qui a eu des chiens toute sa vie. Une fois, quand je lui ai rendu visite, il avait un berger australien. Quiconque est familier avec cette race sait que les bergers australiens ont une énergie débordante, donc mon ami nécessaires pour trouver une façon de libérer l'énergie de son chien. Sa solution était de golf. Mon ami était un golfeur en herbe et qu'il avait des problèmes avec des plans plus courts, il pratique ses coups de golf et de laisser son chien mettre la balle de golf en arrière. Pour terminer l'histoire, le chien aimait le jeu, toujours porté le ballon, jeu de golf et mon ami s'est améliorée de façon spectaculaire. Maintenant, nous allons raconter cette histoire à la stratégie de mimer threads en JavaScript. Lorsque multitâche réel n'est pas disponible, vous devez utiliser les événements. Dans le cas de mon ami, ses manifestations ont été de frapper la balle de golf et le chien ramène la balle. Entre la prise de balle et d'attendre que la boule de revenir, mon ami ne pouvait faire d'autres choses (parce que d'abord, il continue à frapper la balle dans les buissons); Certes, son temps de faire autre chose était limitée, mais il pouvait encore avoir une conversation avec quelqu'un d'autre et ainsi de suite. Ainsi, lorsque le multithreading imitant en JavaScript, vous n'êtes pas vraiment d'application multithreading, mais vous mettez en oeuvre un événement proactive axée sur l'architecture. un article présenté par Sonja Lande Disclaimer:Notre site n'est pas responsable du contenu de cet article. Webarticles est une ressource d'information gratuite. Important: Cet article «Mettre en œuvre le HTML du client» a été traduit par un logiciel automatique. Nous nous sentons désolés pour les fautes d'orthographe que mai ont eu lieu. Nous vous remercions de votre compréhension.
|
||||||||||||||||||
| Online: 252 users browsing the articles directory |
|
|