Les trois frameworks majeurs Angular, Vue et React battent leur plein en 2018

Les trois frameworks majeurs très en vogue pour le front-end en 2018 sont : angular, vue et réagissons. Parlons de ma compréhension de ces trois frameworks majeurs.

Au début de la période, il y a trois ou quatre ans ou avant, le front-end n'avait pas été complètement séparé. Il semblait qu'il n'était pas élégant de développer la page front-end en utilisant du js natif. C'était comme construire une maison brique par brique, ce qui prenait beaucoup de temps et n'était pas pratique à entretenir. Peu à peu, l'émergence de la bibliothèque jQuery a amélioré l'efficacité des développeurs et réduit la compatibilité des navigateurs. pendant un certain temps, certains anciens projets sont toujours utilisés, mais il n'a pas de mvc ou mvvm. L'architecture doit être configurée par vous-même.

Plus tard, Angular du framework MVC est apparu, ce qui était relativement inefficace. Tant qu'il y avait un changement, il fallait refaire le calcul

Puis le DOM virtuel de React est apparu réduit. Opérations DOM et réduction des coûts. Cela réduit les coûts du projet, améliore l'efficacité et les performances du programme, mais React est basé sur la couche de vue et doit coopérer avec d'autres frameworks, tels que Flux, Redux, etc. vue, ce sera relativement compliqué à utiliser. Par exemple, il ne peut pas être utilisé. Les instructions ne sont pas pratiques à parcourir

Comparé à React, Vue n'est pas aussi flexible et facile à assortir que React, mais il est très efficace ; pour développer. Les plug-ins, les composants et l'écosystème de Vue sont suffisants pour nos projets généraux, bien que vue soit dirigée par des individus, React est maintenu par l'équipe Facebook et la communauté est relativement prospère, mais vue convient à de nombreux projets et. se développe lentement et les perspectives sont également très bonnes.

Angular

En tant que vétéran Angular, il est passé par angulaire1, angulaire2 et angulaire4. Chaque version semble être un nouveau framework.

ng-if dans angulaire1 est très similaire à v-if dans vue, car le système de commande de vue est inspiré de angulaire1, et de nombreux problèmes dans angulaire1 sont résolus dans vue

Quand il en ce qui concerne angulaire2, c'est un tout nouveau framework par rapport à angulaire1. Par exemple, il a un meilleur système de composants, l'API a également beaucoup changé, etc. Bien qu'elle ait été beaucoup améliorée, elle est toujours très lourde

Par rapport à angulaire2, de nombreuses nouvelles fonctionnalités ont été ajoutées à la liste des fonctionnalités d'angular4, ainsi que certaines améliorations des anciennes fonctionnalités. Les programmes utilisant angulaire4 consommeront moins d'espace et s'exécuteront plus rapidement que les versions précédentes.

• Scénarios d'utilisation

Lorsque le projet n'a pas d'exigences de performances élevées, vous pouvez utiliser angulaire, ou certains projets qui utilisent angulaire1 incluent Une mise à niveau est nécessaire, et il n'y a aucun projet qui ne nécessite pas de performances, donc Angular étudie attentivement certains nouveaux projets... (Si vous voulez en voir plus, rendez-vous sur le site PHP chinois

Manuel de développement AngularJS pour apprendre)

React

Officiellement, React a été créé parce que Facebook n'était pas satisfait des frameworks MVC du marché et a écrit son propre framework pour construire le site Instagram parce qu'il était facile à utiliser, il était open source en mai 2013. Soyez le premier à arriver fin 2017, React a été mis à niveau vers 16.2, le routage React-Router3 a été mis à niveau vers React-router4, React-router-dom

dom virtuel
React doit mentionner le DOM virtuel (Virtual DOM). Lorsque la page est chargée pour la première fois, une arborescence DOM sera générée, et un arbre de rendu sera généré dans la mémoire. Lorsque les données changent, le contenu et le stockage modifiés seront comparés aux arbres de rendu pour trouver l'algorithme optimal, puis modifieront l'arbre de rendu et enfin régénéreront l'arborescence DOM de la page. DOM virtuel, les performances du front-end sont considérablement améliorées.

Componentisation
L'idée de composantisation de​​react est particulièrement reflétée. La couche de vue est divisée en composants indépendants pour réduire le degré. de couplage. La composantisation permet aux composants d'être combinés, réutilisés et entretenus, améliorant ainsi considérablement l'efficacité du développement

La flexibilité
la réaction est basée sur le couche de vue. Pour jouer son rôle, vous devez coopérer avec certains plug-ins, tels que flux, redux, etc. Bien sûr, vous pouvez coopérer avec plus de bibliothèques pour obtenir de meilleurs résultats

Scénarios d'utilisation
L'utilisation de React est fondamentalement le premier choix pour les grands projets. La modularisation et la flexibilité sont des conditions pour les grands projets. Deuxièmement, React Native permet de fonctionner sur des appareils mobiles.

Vue

Vue a été open source en février 2014. Il a été écrit par You Daniu et a été mis à niveau vers la version 2.5 jusqu'à présent avec le bucket de la famille Vue, Vue-router, Vuex, service Rendu côté. , ainsi que le dom virtuel, la composantisation et les performances de vue ne sont pas pires que React Pour les équipes sans expérience Angular et React, et pour les projets front-end qui ne sont pas très grands, vue est un bon choix

Résumé.

La sélection du framework dépend non seulement du projet lui-même, mais aussi de l'équipe de l'entreprise. La pile technologique de l'équipe peut conduire directement à la sélection du framework du projet

D'accord, c'est tout pour. cet article est terminé (si vous voulez en voir plus, rendez-vous sur le site Web PHP chinois

Manuel d'utilisation d'AngularJS

pour en savoir plus). Si vous avez des questions, vous pouvez laisser un message ci-dessous.

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!