Explication détaillée des compétences Prototype framework_javascript

Le "Prototype" mentionné ici n'est pas le prototype ("prototype") en programmation JavaScript, mais une bibliothèque de classes JavaScript écrite par "Sam Stephenson". Cette bibliothèque de classes merveilleusement conçue et compatible avec les normes peut aider les programmeurs à créer facilement des pages client riches avec des fonctionnalités « web2.0 » hautement interactives.

•Le premier contact de nombreuses personnes avec Prototype commence par sa série de fonctions « $ ». Celles-ci sont similaires aux raccourcis des applications de bureau et constituent l'ensemble de fonctions le plus fréquemment utilisé dans le framework Prototype. De plus, la prise en charge d'Ajax par Prototype présente également un grand intérêt pour les développeurs. Bien entendu, les fonctions de Prototype ne se limitent pas à cela. Il a étendu un grand nombre d'objets intégrés JavaScript et a également défini de nombreux nouveaux objets.

Introduction au framework de prototype :

•Prototype est actuellement le framework de développement Ajax le plus utilisé. Il se caractérise par des fonctions pratiques et une petite taille, ce qui le rend très approprié pour une utilisation dans des applications Web de petite et moyenne taille. Le développement d'applications Ajax nécessite l'écriture d'une grande quantité de scripts JavaScript côté client, et le framework Prototype peut grandement simplifier l'écriture de code JavaScript. Ce qui est encore plus rare, c'est que Prototype possède d'excellentes fonctionnalités compatibles avec différents navigateurs. En utilisant ce framework, vous n'avez pas à prendre en compte les problèmes de compatibilité des navigateurs.

•Prototype a apporté de nombreuses extensions utiles aux objets intégrés de JavaScript (tels que l'objet "String", l'objet "Array", etc. Dans le même temps, de nombreux objets personnalisés ont été ajoutés au framework, y compris ceux-ci). pour le développement Ajax, etc. sont tous implémentés dans des objets personnalisés. Le prototype peut aider les développeurs à atteindre les objectifs suivants :

•(1) Effectuer divers traitements sur les chaînes
•(2) Utiliser l'énumération pour accéder aux objets de collection
•(3) Effectuer les opérations DOM courantes de manière plus simple
•(4) Utilisez les sélecteurs CSS pour localiser les éléments de la page
•(5) Initier une requête HTTP Ajax et traiter la réponse
•(6) Surveiller les événements DOM et les événements de processus

•Explication détaillée des fonctions du framework « Prototype » – à l'aide de fonctions pratiques

L'implémentation du framework "Prototype" ne contient qu'un seul JavaScript. La taille du fichier de la version 1.6 de "Prototype.js" est de 127 Ko et environ 4220 lignes. La syntaxe appliquée dans la page est similaire à :

&#8226;<script type=”text/javascript” src=”inc"js"Prototype.js” ></script>

•Vous pourrez ensuite profiter de la commodité apportée par ce framework dans les scripts suivants.

•Il existe de nombreux objets et fonctions utilitaires prédéfinis dans ce cadre, qui peuvent libérer les programmeurs de la saisie répétitive.

•(1) Utilisez la fonction « $() ».
•(2) Utilisez la fonction « $F() ». Cette fonction est un autre « raccourci » populaire qui peut être utilisé pour renvoyer la valeur de n’importe quel contrôle de saisie de formulaire, tel que les zones de texte multilignes et les zones de liste déroulante. Cette méthode peut également prendre un identifiant d'élément ou l'élément lui-même comme paramètre.
•(3) Utilisez la fonction « $A() ». Cette fonction convertit l'argument unique qu'elle reçoit en un objet Array.
•(4) Utilisez la fonction « $H() ». Cette fonction convertit certains objets en un objet Hash énumérable similaire à un tableau associatif.
•(5) Utilisez la fonction « $R() ». Cette fonction est l'abréviation de « new ObjectRange(lowBound,upperBound,excludeBounds) » et est utilisée pour créer un objet range.
•(6) Utilisez la fonction "Try.these()". La méthode "Try.these()" est utilisée pour appeler différentes méthodes jusqu'à ce que l'une d'entre elles réussisse. Cette fonction prend une série de méthodes comme paramètres et exécute ces méthodes une par une dans l'ordre jusqu'à ce que l'une d'elles soit exécutée avec succès. Renvoie la valeur de retour de la méthode exécutée avec succès. La fonction "Try.these()" peut être utilisée pour gérer les problèmes de compatibilité.