Lors du développement de programmes AJAX, de nombreuses personnes commettront des erreurs courantes. Certaines erreurs peuvent mettre en danger les fonctions et les performances du programme AJAX, entraînant la perte de tous les avantages du programme AJAX. Ici, l'auteur vous présentera les sept péchés capitaux auxquels vous devez prêter attention lors du développement de programmes AJAX.
AJAX est une bonne chose, il permet aux développeurs de créer des applications plus dynamiques plus rapidement et plus efficacement. Mais il a aussi ses propres défauts.
À première vue, il pourrait sembler qu’un peu de bon sens permettrait d’éviter ces pièges, et dans une certaine mesure, c’est effectivement le cas. Mais comparée à son rival DHTML, l'architecture du programme AJAX est complètement différente. Peu importe le bon sens dont vous faites preuve dans vos efforts de développement d’applications, vous devez tirer les leçons de ceux qui vous ont précédé. Dans cet article, nous appelons ces erreurs les « Sept péchés capitaux », mais elles ne sont pas représentatives de toutes les erreurs.
Avant de découvrir les sept erreurs fatales dans le développement d'AJAX, examinons sept erreurs moins graves. Tout le monde fait ces erreurs. Faites une recherche sur Google et vous verrez à quel point ces erreurs sont courantes.
sept délits
1. Abuser du bouton Précédent – De nombreuses personnes font cette erreur, et le bouton Précédent est devenu un incontournable dans de nombreux programmes d’expérience Web. De nombreux développeurs AJAX novices ajoutent le bouton Précédent à leurs programmes AJAX pour diverses raisons, mais constatent que le bouton Précédent affecte la fonctionnalité du programme. Cela est principalement dû au fait que Javascript n'est pas un langage de programmation très convivial. Deuxièmement, les développeurs doivent réapprendre les idées de développement d'AJAX.
Pour ceux qui découvrent AJAX, il n’est pas facile d’accepter l’idée que le bouton retour n’est pas une bonne solution. Lorsque nous sommes au point de rafraîchissement de la page, ou lorsque nous devons utiliser la fonction "Annuler", nous pouvons considérer la "touche retour". Mais vous devez réfléchir à deux fois avant de coder, sinon des actualisations répétées se produiront facilement.
2. Ne pas informer l'utilisateur des résultats de l'opération - Une partie du fonctionnement d'AJAX réside dans le fait qu'il n'utilise pas le chargeur d'interface utilisateur Web habituel. Par conséquent, vous devez concevoir des repères visuels afin que les utilisateurs comprennent ce qui se passe.
3. Liens négligés – Il s’agit également d’une erreur standard d’AJAX : omettre un lien URL que les utilisateurs externes peuvent couper et coller. Nous avons tous copié une URL et l'avons envoyée à quelqu'un d'autre. Lorsque nous utilisons AJAX, nous ne pouvons fournir des liens vers d’autres que par une saisie manuelle pure. Pourquoi? Car dans les applications AJAX, le serveur ne fournit pas cette page générée automatiquement en Javascript. Ne négligez pas cette fonctionnalité la plus courante dans les applications Web qui pourrait intéresser vos utilisateurs. Veuillez prendre un moment pour fournir à l'utilisateur l'adresse URL, car le serveur n'en fournit pas.
4. Utilisez le contrôle de contenu au lieu du contrôle de page - Si vous recherchez un contrôle de contenu dynamique, la percée de l'application AJAX dans la méthode traditionnelle d'interaction client-serveur peut être un excellent cadeau pour vous. Cependant, cela a aussi ses propres inconvénients : même si vous disposez d'un grand contrôle sur la réécriture du contenu à un endroit précis de la page pour ajuster l'expérience d'interaction de l'utilisateur, vous risquez de vous retrouver avec une page incomplète.
Dans de nombreux cas, nous nous concentrons sur le traitement d’une certaine partie de la page et oublions que le serveur ne rafraîchira pas la page. Cela peut conduire à des pages encombrées et à une mauvaise expérience utilisateur : lorsqu'ils consultent la page, ils peuvent consulter une page obsolète. Veuillez garder un œil sur la page entière ; assurez-vous que toute page avec un contenu dynamique est mise à jour.
5. Araignées fatiguées - L'avantage d'AJAX réside dans la grande quantité de texte qui peut être fournie à la page sans réinstallation ; l'inconvénient d'AJAX réside également dans la grande quantité de texte qui peut être fournie à la page sans réinstallation. Si une application est conçue pour être conviviale pour les moteurs de recherche, vous devriez pouvoir imaginer ce qui pourrait arriver. Peu importe ce qui se passe sur la page, assurez-vous de mettre beaucoup de texte solide en haut et laissez les araignées s'amuser.
6. Caractères tronqués - AJAX ne peut pas prendre en charge plusieurs jeux de caractères. Il ne s’agit pas d’une limitation de vie ou de mort, mais l’oublier peut entraîner de réels problèmes. Le jeu de caractères le plus basique est UTF-8. Quel que soit le jeu de caractères envoyé par votre Javascript, n'oubliez pas de l'encoder correctement et de définir le jeu de caractères côté serveur en fonction du contenu.
7. Aucune invite n'est fournie aux utilisateurs qui ne prennent pas en charge Javascript. Certains navigateurs ne prennent pas en charge Javascript et ces utilisateurs ne peuvent pas comprendre ce qui se passe. Merci de leur donner quelques conseils.
Voici quelques erreurs faciles à trouver. Les vrais problèmes sont facilement négligés.
sept péchés capitaux
1. Laisser déborder la mémoire - Quiconque est engagé dans un travail de développement depuis longtemps sait ce que sont les références circulaires et comprend le préjudice que les références circulaires causent à la gestion de la mémoire. Javascript utilisé par AJAX est un langage de gestion de mémoire. En d'autres termes, Javascript dispose d'une fonction intégrée de collecte de paquets, ce qui lui permet d'extraire les variables qui ne sont plus utilisées par les chemins de référence et de réallouer la mémoire utilisée par ces variables.
Quiconque travaille dans le développement depuis longtemps sait ce que sont les références circulaires et comprend les dangers qu'elles représentent pour la gestion de la mémoire. Javascript utilisé par AJAX est un langage de gestion de mémoire. En d'autres termes, Javascript dispose d'une fonction intégrée de collecte de paquets, ce qui lui permet d'extraire les variables qui ne sont plus utilisées par les chemins de référence et de réallouer la mémoire utilisée par ces variables.
Maintenant, voici le problème : dans le modèle objet fichier, n'importe quel nœud DOM dans l'arborescence de fichiers peut être référencé par d'autres éléments présents dans l'arborescence, qu'il soit référencé ou non par d'autres objets ! Par conséquent, tout objet marqué dans le collecteur de paquets comme étant référencé par un nœud DOM doit être nul dans cette direction, sinon sa mémoire restera allouée.
2. Je ne comprends pas ce que signifie « asynchrone » – Le mot asynchrone peut facilement rendre nerveux les utilisateurs qui ne le connaissent pas. Mais si l’application Web que vous concevez pour ces utilisateurs est une application de bureau, ils ne seront pas contrariés. Il s’agit d’un point de conception crucial. La plupart des applications Web fonctionnent de manière très similaire à leurs homologues de bureau. Mais dans les applications Web, les utilisateurs s’attendent à ce que cette qualité illusoire les conduise à être complètement différents.
Les utilisateurs ont des préjugés et des attentes très différents lorsqu’ils utilisent des navigateurs Web et des applications de bureau. Ainsi, même si des réponses fréquentes entre la page et le serveur seraient agréables et efficaces, la page se révisant elle-même simultanément, cela donnerait le vertige à l'utilisateur. Par conséquent, vous devez suivre deux règles et prendre en compte chaque changement qui se présente à la portée visuelle de l'utilisateur : Si la mise à jour n'est pas urgente pour l'utilisateur, effectuez la mise à niveau en douceur et ne la transférez pas ; l'interaction de l'application est très importante, les mises à jour doivent donc être claires et évidentes.
3. Rendre le serveur aveugle - la réduction de la communication entre le client et le serveur est un gros problème, ce qui n'était pas le cas auparavant. Dans le passé, l'application côté serveur savait tout et pouvait tout voir : chaque exception, chaque rechargement, chaque événement pouvait être vu et enregistré, et bien sûr le serveur savait aussi ce qui se passait sur le client, car le serveur Ce qui est affiché sur l’écran sera enregistré.
Ce n'est pas le cas dans les applications AJAX. Lorsque des événements surviennent, ces événements sont indépendants du serveur, c'est-à-dire que lorsqu'il y a un problème sur le client, le serveur ne le sait pas immédiatement. Découvrez et enregistrez les événements et les exceptions côté client dans un emplacement permettant au serveur de détecter les problèmes nécessitant une intervention.
4. Utilisez GET pour être paresseux - la fonction de GET est de récupérer des données ; la fonction de POST est de configurer GET. N'utilisez pas GET de manière inappropriée et ne l'essayez même pas si vous pensez que c'est inoffensif. Les actions GET changent d'état, et les liens qui changent d'état peuvent dérouter les utilisateurs ; la plupart pensent que les liens sont destinés à la navigation et non à la fonctionnalité.
5. Aucune surveillance des types de données - Javascript ne fait pas partie du framework .NET. Bien que cela soit un peu triste, cela illustre un problème que nous pouvons rencontrer : s'assurer que Javascript comprend les types de données sur la plateforme sur laquelle il s'exécute, et vice versa pour .NET ou autre. Il peut y avoir plusieurs conversions et vous devez les effectuer une par une. Par exemple, la bibliothèque Ajax.NET Pro fournit des convertisseurs qui convertissent les notations d'objets .NET et Javascript.
6. Certains programmes ne peuvent pas être fermés - la génération dynamique de contenu sans actualiser la page serait très mauvaise s'il n'y a pas d'heure de fermeture. Combien de pages Web avez-vous vues qui sont plus longues que le Hansard du Congrès ? Si la page Web s'étend indéfiniment, ce sera sans aucun doute un cauchemar pour les utilisateurs. Il suffit de penser à ce que les utilisateurs penseront des applications qui ne s'arrêtent jamais. Rendez votre application Web dynamique, mais dans les limites du possible.
7. Rendre Javascript et DOM indépendants l'un de l'autre - rappelez-vous qu'AJAX est basé sur la structure "Model-View-Controller" (Model-View-Controller), veuillez prendre cela au sérieux. Javascript appartient à la couche modèle, DOM appartient à la couche visuelle et le contrôleur est le consultant en mariage qui les connecte. Assurez-vous que vos fichiers Web sont indépendants de Javascript (ils sont donc plus utiles pour les utilisateurs qui ne prennent pas en charge Javascript) - à moins que le contenu lui-même n'ait de sens que pour les utilisateurs utilisant Javascript. Dans ce cas, utilisez Javascript pour créer le contenu