Mode d'apparence JavaScript

Cette fois, je vais vous parler du concept de conception de JS et des aspects auxquels il faut prêter attention. Les sections correspondantes seront mises à jour successivement. Tout le monde est invité à faire des suggestions. Nous l'avons déjà dit Mode cas unique. . Si vous êtes intéressé, vous pouvez le consulter .

Remarque

JavaScriptDesign PatternAdresse github de la série

Des séries d'articles approfondies sont en ordre, selon la structure des répertoires La lecture séquentielle fonctionne mieux.

Correction et questions

Si vous avez des questions ou trouvez des erreurs, vous pouvez poser des questions ou apporter des corrections dans les numéros correspondants.

Mode d'apparence

Concept :

fournit une interface unifiée de niveau supérieur pour un ensemble complexe d'interfaces de sous-système ,

Cette interface facilite l'accès à l'interface du sous-système

Le mode apparence est également appelé mode façade

Incarnation du cas

Il existe une obligation de lier l'élément du document pour un clic événement, nous devons prendre en compte les problèmes de compatibilité du navigateur pour le moment, mais il n'est évidemment pas très raisonnable de juger d'une certaine compatibilité du navigateur à chaque fois que l'événement est lié. Pour le moment, nous devons utiliser le mode apparence, l'encapsulation Une méthode unifiée pour lier les événements. puis effectuer un traitement de compatibilité du navigateur dans cette méthode et exposer uniformément une méthode de liaison des événements externes
C'est ce que nous appelons le mode d'apparence

Le code reflète

//Fonction d'implémentation du mode d'apparence. addEvent(dom, type, fn){ // Pour les navigateurs prenant en charge la méthode gestionnaire d'événements de niveau dom2 addEventListener if(dom.addEventListener){ dom.addEventListener(type,fn,false }else if(); dom.attachEvent){// Pour les navigateurs qui ne prennent pas en charge la méthode addEventListener mais prennent en charge la méthode attachEvent dom.attachEvent('on'+type,fn); }else { dom['on'+ type] = fn } } // Appelez l'événement de liaison addEvent(document.getElementById('btn'),'click',function(){ console.log('I am a click event'); });

Avantages du mode apparence

Fournit une interface externe unifiée, gère une logique complexe de manière unifiée et facilite les appels externes

Résumé du mode apparence

En javascript, l'apparence Le mode est relativement facile à comprendre. jQuery utilise une grande partie de cette

idée pour résoudre les problèmes de compatibilité des navigateurs

Je pense que vous avez déjà lu ces cas. Après avoir maîtrisé la méthode, veuillez faire attention aux autres. articles connexes sur le site Web chinois php pour un contenu plus passionnant !

Lecture connexe :

Comment gérer le désalignement des pages Web CSS

Comment créer Effets de chargement CSS3

Comment créer une animation de vol de papillon avec CSS3

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!