Le contenu principal de cet article est résumé en référence à la documentation officielle:
Vue.js
Vue.js @ Une bibliothèque écrite par M. You Yuxi pour la création d'interfaces interactives Web est un MVVM rationalisé. D'un point de vue technique, Vue.js se concentre sur la couche ViewModel du modèle MVVM. Il relie la couche de vue et la couche de modèle par liaison bidirectionnelle. L'encapsulation et les formats de sortie DOM réels sont résumés pour les directives et les filtres. Vue.js est une petite et belle bibliothèque par rapport aux autres bibliothèques. L'objectif principal de l'auteur est de générer des composants de liaison de données et de vue composables réfléchissants via une API simple. Je pense que l'idée de l'auteur est très claire.
avantage:
Simple: la documentation officielle est très claire, plus simple et plus facile à apprendre qu'angulaire.
Rapide: mise à jour du DOM dans le traitement par lots asynchrones.
Combinaison: combinez votre application avec des composants découplés et réutilisables.
Compact: ~ 18Kb min + gzip, et n'a pas de dépendances.
Puissant: expressions et propriétés calculées qui ne nécessitent pas de déclarations de déclaration.
Associé au module: il peut être installé via NPM, Bower ou Duo, et ne force pas tout votre code à suivre les différentes réglementations angulaires, ce qui rend les scénarios d'utilisation plus flexibles.
défaut:
Newborn: Vue.js est un nouveau projet, la version candidate de la version 0.10.0 publiée le 20 mars 2014. Actuellement, la dernière version sur Github est de 0,11,4, ce qui n'est pas aussi mature qu'angular.
L'impact n'est pas très important: je l'ai googlé et il y a moins de diversité ou de richesse de Vue.js que certaines autres bibliothèques célèbres.
IE8 n'est pas pris en charge: haha, mais AngularJS 1.3 abandonne également le support pour IE8, mais @ 微官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官网官 � Ce n'est pas bon pour les projets qui doivent prendre en charge IE8, mais c'est aussi une tendance dans le développement du Web. Par exemple, la version basse de IE devrait quitter le stade de l'histoire en changeant notre pensée frontale, plutôt que de s'adapter à ceux qui utilisent l'ancienne version sans mise à niveau. @ 德官网官网 a dit une chose, je pense que c'est très bien. "Au cours des derniers jours, soutenir les IE6 et 7 n'est plus depuis longtemps une fonctionnalité, mais dommage. Nous nous efforçons de promouvoir Alipay pour ne pas soutenir IE6 et 7, et nous attendons avec impatience que davantage de frères se joignent."
Angularjs
AngularJS a été très populaire récemment et compte de nombreux abonnés. Framework MVW JavaScript super-héroïque
Le responsable a dit que cela est simple: "La technologie du client écrit entièrement en JavaScript. Il est utilisé en conjonction avec d'autres technologies Web de longue date (HTML, CSS et JavaScript) pour simplifier le développement d'applications Web plus simple et plus rapide qu'auparavant." Lorsque vous l'appreniez, je crois que vous serez attiré par beaucoup de ses nouveaux effets spéciaux.
avantage:
Vue dynamique: je n'ai jamais pensé que JS pourrait étendre les attributs HTML comme celui-ci auparavant, mais AngularJS l'a fait. Il a ajouté de nombreuses fonctions d'extension à notre HTML statique, ce qui fait du HTML de la mort à la vie.
Parfait: il s'agit d'un cadre MVW frontal relativement complet, y compris des modèles, une liaison bidirectionnelle, le routage, la modularisation, le service, l'injection de dépendance et d'autres fonctions. Les modèles sont puissants et riches en fonctions et sont déclaratifs, avec de riches instructions angulaires.
Google Maintenance: AngularJS a Google pour entretenir et a sans aucun doute un backend solide. Il présente des avantages évidents sur Vue.js et Avalon pour la promotion et l'entretien. La communauté est également très vivante et peut bien promouvoir son développement.
AngularJS & Ionic: Ionic: Advanced HTML5 Hybrid Mobile App Framework, ces deux sont un bon ami. Ionic utilise AngularJS pour créer un cadre qui convient le plus au développement d'applications riches et puissantes. La dernière fois, j'ai répondu à une question connexe sur Zhihu pour développer des WebApps. Quel framework et la plate-forme d'applications emballés sont les meilleures performances et efficacité? - Réponse de Tang Wei, veuillez consulter ici pour plus de détails.
défaut:
Grand et complet: il est difficile d'apprendre. Pour moi, la courbe d'apprentissage est très tortueuse et difficile à comprendre.
Se renverser et réécrire: j'ai visité la communauté il y a quelque temps et j'ai constaté qu'AngularJS2.0 renverserait et réécrivrait le renversement et la réécriture précédents. Les deux cadres ont beaucoup changé, essentiellement deux frameworks. Il équivaut à dire que vous devez commencer à zéro après la sortie 2.0. Mais encore une fois, //www.vevb.com/article/79637.htm, cet article explique très bien les changements dans AngularJS2.0.
Il ne prend pas en charge IE8 ou en dessous. Il semble que 2.0 ne soit devenu pris en charge que sur les appareils mobiles. Voyons-le après sa sortie.
Avalon.js
Avalon.js est un mini-framework MVVM simple et facile à utiliser écrit par @situ zhengmei. Il a été publié pour la première fois sur 2012.09.15 et a été développé pour résoudre l'existence de diverses vues de la même logique métier. Vous pouvez souvent voir que l'enseignant promeut son Avalon.js et a publié de nombreux tutoriels, qui accordent sans aucun doute une grande commodité aux personnes en Chine qui étudient Avalon.js.
avantage
Simple à utiliser, ajoutez des liaisons dans HTML, définissez ViewModel dans JS avec Avalon.define, puis appelez la méthode Avalon.Scan, et il pourra se déplacer!
Compatible avec IE6 (autres frameworks MVVM, KnockoutJS (IE6), AngularJS (IE9), Emberjs (IE8), Winjs (IE9)) et Avalon.Mobile, qui peuvent fonctionner plus efficacement dans de nouveaux navigateurs de version tels que IE10.
Pas de dépendances, moins de 5000 lignes, moins de 50 kib après la compression
Prend en charge les fonctions de filtrage de style de caractères de pipeline pour faciliter la sortie de la mise en forme
La granularité du rafraîchissement local a été affinée à un nœud de texte, nœud de fonctionnalité
Le nœud à utiliser est lié à la fonction de rafraîchissement de la vue sur le premier scan et en cache, il n'y a donc pas de place pour les sélecteurs à apparaître.
Rendre le code de l'opération DOM presque éteint
À l'aide d'un mécanisme de chevauchement de type CSS, laissez chaque pages de cloison de vue ViewModel alternativement
Lorsque le nœud est supprimé, désinstallez intelligemment la fonction de rafraîchissement de la vue correspondante pour enregistrer la mémoire
Les données de fonctionnement visent à faire fonctionner le DOM, et les opérations sur ViewModel seront synchronisées avec la vue et le modèle.
Il est livré avec un chargeur de module AMD, il peut donc éviter l'intégration avec d'autres chargeurs.
défaut
1. Le filtrage des tableaux n'est pas aussi bon que angulaire. Le filtre d'Avalon ne peut être utilisé que pour MS-Text, MS-HTML
2. Pas de documents anglais, la publicité est limitée
3. La peau d'Oniui n'est pas assez belle. Beaucoup de gens disent qu'ils veulent coopérer avec Boostrap, mais personne dans la communauté n'a pris l'initiative de le faire.