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

Cet article vous présente principalement l'histoire de angularjs, ainsi que les avantages et les inconvénients d'angularjs. Lisons maintenant cet article ensemble

Tout d'abord, Comprenons le contexte historique d'Angularjs :

Dans le domaine du développement Web, nous utilisons généralement HTML comme langage déclaratif pour les éléments de page front-end et la technologie CSS comme style d'affichage, JavaScript. sert de langage impératif pour les interactions de 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. (Si vous souhaitez en savoir plus, il est recommandé d'étudier dans la colonne manuel de référence d'angularjs sur le site PHP chinois)

Présentons les avantages d'angularjs :

1. Modèle Il est puissant et riche en fonctions, 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, liaison de données bidirectionnelle, routage, modularisation et services. Toutes les fonctions telles que les filtres et l'injection de dépendances ;

3. Personnaliser la directive, qui est plus flexible que les plug-ins jQuery, mais nécessite une compréhension approfondie. de certaines fonctionnalités de la directive. L'encapsulation simple est facile, mais si elle est plus compliquée, le responsable ne fournit pas de documents d'introduction détaillés, nous pouvons trouver quelque chose dont nous avons besoin en lisant le code source, comme : utiliser $parse dans la directive ;

La modularité 4.ng introduit audacieusement certaines choses de Java (injection de dépendances), qui peuvent Il est facile d'écrire du code réutilisable, ce qui est très utile pour les équipes de développement agiles Depuis le lancement de notre projet jusqu'à aujourd'hui, l'interface utilisateur a beaucoup changé. Nous itérons le produit via l'exploration, mais le code js a 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 son utilisation du calque modèle.

Enfin, présentons les défauts d'angularjs :

1 L'affichage des messages d'erreur de la fonction de vérification est relativement faible et nécessite l'écriture de beaucoup de 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 une solution avec angulaire-ui/ui-router, 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 que je n'ai pas trouvé. bonne solution. Ce qui est étrange, c'est que cela fonctionne très rapidement sous IE10, ceci est toujours en observation

4 Cette fois, la mise à jour depuis la 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 angulairement js2 ;

5.ng préconise de ne pas l'utiliser dans le contrôleur. Il existe du code pour faire fonctionner le DOM. En utilisant certains plug-ins jQuery, si vous ne voulez pas détruire la propreté du code, vous devez écrire des directives pour encapsuler les plug-ins. Cependant, de nombreuses versions de plug-ins prennent désormais en charge Angular. avec le plug-in cordova.

6.

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

Ce qui précède représente l'intégralité du contenu de cet article sur les avantages et les inconvénients d'AngularJS (si vous souhaitez en savoir plus sur AngularJS, rendez-vous sur le site Web PHP chinois

Colonne du manuel d'apprentissage AngularJS pour apprendre ). Si vous avez des questions, vous pouvez laisser un message ci-dessous pour poser 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!