Quels sont les avantages et les inconvénients d'AngularJS ? Introduction aux avantages et inconvénients d'angularjs

Cet article présente principalement les avantages et les inconvénients de angularjs, ainsi que le développement d'angularjs. Jetons maintenant un œil à cet article

La vie passée et présente d'AngularJS

Dans le domaine du développement web, nous utilisons généralement HTML comme langage déclaratif pour éléments de page front-end, utilisant la technologie CSS comme langage de description pour les styles d'affichage et JavaScript comme langage impératif pour l'interaction du traitement métier. Lorsque nous construisons des applications Web très complexes, le HTML pur et limité est très insuffisant. Javascript lui-même deviendra difficile à maintenir et à gérer à mesure que la quantité de code du projet augmente, et le calendrier et les coûts de développement deviendront également difficiles à contrôler. À l'heure actuelle, nous utilisons généralement certaines bibliothèques de classes (telles que jQuery, Dojo, etc.) ou frameworks (tels que Backbone, Ember, ExtJS, etc.) pour améliorer l'efficacité du développement, réduisant ainsi la durée et le coût du projet, et facilitant également maintenance et gestion ultérieures.

AngularJS n'est pas seulement un framework de développement front-end avec des concepts avancés, mais aussi une solution de bout en bout. AngularJS suit le modèle MVC dans la conception architecturale et préconise un couplage lâche des composants de présentation, de données et de traitement logique (similaire à Flex et WPF). AngularJS réalise une extension naturelle du HTML traditionnel grâce à la technologie d'instruction et réalise une synchronisation automatique bidirectionnelle du modèle de données et de la vue d'affichage grâce à la technologie de compilation, éliminant ainsi les opérations DOM fastidieuses et complexes dans le développement frontal (pensez à celles étape par pièce). sélecteurs). Enfin, la conception modulaire résout les problèmes de gestion du code JS, de maintenance et de chargement à la demande, libérant ainsi la productivité des programmeurs front-end (et des programmeurs back-end) pour effectuer des tâches de développement front-end. Et ce découplage lui-même offre également un bon support pour la technologie de test automatisé frontal.

Avantages :

1 Le modèle est puissant et riche en fonctions, il est déclaratif et est livré avec. une multitude d'instructions angulaires ;

2. Il s'agit d'un framework MVVM frontal relativement complet, comprenant des modèles, la liaison de données bidirectionnelle, le routage, la modularisation, les services, les filtres, l'injection de dépendances et toutes les autres fonctions ; 🎜>

3. Personnaliser Directive, qui est plus flexible que le plug-in jQuery, mais cela nécessite une compréhension approfondie de certaines fonctionnalités de Directive. L'encapsulation simple est facile, mais si elle est plus compliquée, le fonctionnaire ne le fait pas. fournir des documents d'introduction détaillés. Nous pouvons trouver certaines choses dont nous avons besoin en lisant le code source, telles que : utiliser $parse dans la directive

4. peut facilement écrire du code réutilisable et convient au développement agile. Cela est très utile à l'équipe Depuis le lancement de notre projet jusqu'à aujourd'hui, nous itérons le produit via l'exploration, mais le code js. a fondamentalement rarement changé.

5. Supplément : Angular prend en charge les tests unitaires et les tests e2e.

 

Remarque : La meilleure chose est la liaison bidirectionnelle d'angularjs et l'utilisation de son calque de modèle.

Inconvénients :

1. L'affichage du message d'erreur de la fonction de vérification est relativement faible et nécessite l'écriture de nombreuses balises de modèle

2. Il ne peut y avoir qu'un seul ngView et plusieurs vues ne peuvent pas être imbriquées. Bien qu'il existe angulaire-ui/ui-router pour résoudre le problème, ui-router n'est pas très flexible dans le contrôle des URL et doit être imbriqué. ;

3. Pour les scénarios d'application particulièrement complexes, il semble y avoir des problèmes de performances, notamment lors de l'utilisation du navigateur Chrome sous Windows. Je ne sais pas s'il s'agit d'une fuite de mémoire ou d'un autre problème. pas trouvé de bonne solution. Ce qui est étrange, c'est que cela fonctionne sous IE10. Au contraire, ce sera très rapide, et cela est toujours en observation

Cette fois, la mise à niveau depuis la version 1.0. , ​​pour plus de détails, veuillez vous référer au document officiel AngularJS La version chinoise correspondante : Guide de migration d'Angular 1.0 vers 1.2 Maintenant, angulairejs4 est disponible, mais de plus en plus de personnes utilisent angulairejs2 ;

5. ng recommande qu'il n'y ait pas de code de manipulation DOM dans le contrôleur Pour l'utilisation de certains plug-ins jQuery, si vous ne voulez pas détruire la propreté du code, vous devez écrire quelques directives pour encapsuler le plug. -ins. Cependant, il existe désormais de nombreuses versions de plug-in. Angular est pris en charge, et il est préférable de le combiner avec le plug-in cordova pour le développement hybride

.

6. Angular est trop encombrant.

Remarque : La chose la plus désagréable est le mécanisme de routage d'AngularJS, qui est sujet à des problèmes.

Cet article se termine ici (si vous voulez en voir plus, rendez-vous sur le site Web PHP chinois Manuel d'utilisation d'AngularJS pour en savoir plus). pouvez laisser un message ci-dessous Posez des questions.

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!