Introduction à Angular et introduction à ses fonctionnalités_AngularJS

Auparavant, le développement front-end (web ou mobile) utilisait principalement du js natif jQuery. Si vous utilisez un framework d'interface utilisateur front-end, il peut également fournir des API que vous pouvez utiliser. Et de nombreux frameworks d'interface utilisateur sont actuellement basés sur jQuery, parlons donc de la grande étendue de jQuery à angulairejs. J'étudie Angularjs depuis un moment. Parlons de mes sentiments généraux :

.

À propos de la comparaison avec jquery

Tout d'abord, Angular est un framework MVC. La différence entre celui-ci et jQuery est que le premier s'engage à découpler le code MVC et utilise le modèle, le contrôleur et la vue pour organiser le code, tandis que le second vous fournit de nombreuses fonctions API. dont vous n'avez pas besoin. Écrivez beaucoup de js natifs pour obtenir des effets plus complexes, tels que l'animation, $.animate. Si un tel effet nécessite l'écriture de js natifs, la quantité de code sera relativement importante

.

Deuxièmement, jQuery ne définit pas la manière dont votre code est organisé. Vous pouvez le placer dans un fichier js séparé pour référence, ou vous pouvez l'écrire directement dans la page et l'envelopper avec des balises de script, ou vous pouvez même l'écrire directement. inline. Dans la balise html, angulairejs divisera une page HTML en plusieurs modules. Chaque module peut avoir sa propre portée, son propre service et sa propre directive. Chaque module peut également communiquer entre eux, mais la structure globale est relativement claire, c'est-à-dire. Son organisation de code est modulaire.

Enfin, l'idée de jQuery est de concevoir d'abord la page, puis d'effectuer des opérations dom sur la page existante puis d'afficher la page. Cependant, la vue angulaire peut n'être qu'un cadre, et les opérations dom ou la surveillance du temps. de la vue sont tous implémentés dans la directive, et d'une manière générale, vous écrivez rarement le code d'opération Dom directement, tant que vous écoutez le modèle. Lorsque le modèle change, la vue change également.

À propos des occasions applicables

jQuery devrait convenir à la plupart des développements Web, et il existe également une version mobile (jQuery mobile). Certaines personnes disent qu'angularjs est plus adapté au SPA (je pense personnellement que le SPA sur les téléphones mobiles peut causer des problèmes de performances car il est sale). le mécanisme de vérification affectera les performances), du côté Web, certaines applications CRUD ou logiciels de gestion peuvent toujours être utilisés (bien sûr, la compréhension ici peut ne pas être exacte, et nous en apprendrons plus et les utiliserons avec une étude approfondie).

À propos de la combinaison de l'interface utilisateur

Le développement de n'importe quel produit nécessite l'utilisation d'une interface utilisateur frontale. Actuellement, de nombreuses interfaces utilisateur sont basées sur jQuery, ce qui signifie que si vous souhaitez utiliser angulairejs et ces composants d'interface utilisateur, vous devez utiliser la directive angulaire js pour réécrire certains composants. Ce processus est plus gênant. Heureusement, Angular nous fournit certains composants d'interface utilisateur qui peuvent être utilisés (le côté Web est principalement combiné avec des composants frontaux bootstrap), http://angular-ui.github.io. /, et dans Le terminal mobile est principalement combiné avec le framework ionique http://ionicframework.com/, mais avec le développement d'angular, de nombreux frameworks front-end HTML5 ont progressivement intégré l'angularjs version à utiliser.

À propos des fonctionnalités d'angularjs

1. Liaison bidirectionnelle des données : c'est peut-être sa fonctionnalité la plus intéressante. Les données de la couche de vue et les données de la couche modèle sont liées dans les deux sens. Si l'une d'elles change, l'autre changera en conséquence. . Cela ne nécessite pas d’écrire de code ! (Pensez à comment le faire avec jQuery)

2. Modularisation du code, le code de chaque module a sa propre portée, son modèle, son contrôleur, etc.

3. Des directives puissantes peuvent encapsuler de nombreuses fonctions dans des balises HTML, des attributs ou des commentaires, etc., ce qui embellit grandement la structure du HTML et améliore la lisibilité ;

4. Injection de dépendances, ce modèle de conception de langage back-end est donné au code front-end, ce qui signifie que le code front-end peut améliorer la réutilisabilité et la flexibilité. Les modèles futurs peuvent placer un grand nombre d'opérations sur le client. , et le serveur fournit uniquement des sources de données et des opérations que les autres clients ne peuvent pas effectuer

;

5. Développement piloté par les tests, Angularjs a cet objectif depuis le début. Les applications développées avec Angular peuvent facilement effectuer des tests unitaires et des tests de bout en bout, ce qui résout les lacunes du code js traditionnel difficile à tester. et entretenir

Ce qui précède est la conclusion tirée de l'étude d'angularjs pendant un certain temps. Il peut y avoir des omissions dans certains d'entre eux. Cela n'a pas d'importance. Ensuite, je développerai certains d'entre eux pour apprendre étape par étape.