Maison >interface Web >js tutoriel >Explication détaillée d'un framework JavaScript--Top5

Explication détaillée d'un framework JavaScript--Top5

零下一度
零下一度original
2017-06-24 14:21:381508parcourir

Avant-propos

  1. Opinions personnelles pour votre référence

  2. Les opinions sont dérivées de l'expérience d'utilisation et des recherches quotidiennes de l'auteur

  3. Le classement est basé sur la popularité, la structure grammaticale, la facilité d'utilisation et d'autres fonctionnalités du framework

  4. J'espère que vous pourrez trouver le framework qui vous convient le mieux basé sur cette vidéo

  5. Les éléments suivants sont strictement des frameworks et des bibliothèques front-end


Avant-propos

Top5 : Polymer

Polymer est un projet open source dirigé par l'équipe de développement front-end au sein de l'organisation Chorme de Google. Le slogan du projet est : [UseThePlatform]. Une plate-forme Web moderne est la clé pour fournir aux utilisateurs et aux développeurs la meilleure façon de postuler. Ce producteur présente les fonctionnalités suivantes de Polymer :

  1. Composant Web : API de composant Web basée sur les normes du W3C.

  2. Utilisation de la technologie de navigateur natif : les composants Web sont intégrés dans les navigateurs natifs, il n'est donc pas nécessaire de recourir à des bibliothèques tierces comme jQuery, dojo, etc., et ils peuvent fonctionner de manière transparente avec d'autres composants Web.

  3. Comportements : ses comportements uniques pour partager des composants Web et déclarer leurs propriétés.

  4. Encapsulation : capable d'encapsuler du code et de la structure dans. au même emplacement.

  5. Éléments personnalisés : les développeurs peuvent personnaliser les éléments, ajouter des balises et des attributs


Polymère

Top4 : Ember

Ember.js est un framework JavaScript MVC open source utilisé pour créer des applications Web. Il élimine le passe-partout et fournit une architecture d'application standard. Le slogan du projet est : "Un framework pour créer des applications web ambitieuses".

  1. Productivité efficace : son API conviviale et son concept de conception ergonomique permettent aux développeurs de terminer rapidement le travail de construction.

  2. Conventions de nom : Ember utilise des conventions de dénomination qui minimiser les abréviations permettant d'économiser du code Tout ce dont vous avez besoin pour créer des applications Web prêtes pour la production

  3. Plugins riches : Ember fournit un riche ensemble de plugins pour partager facilement du code commun entre les applications

  4. Modèle intégré au guidon : peut se mettre à jour automatiquement lorsque les données sous-jacentes changent, ce qui peut réduire considérablement la quantité de code

Ember

Top3 : Angular
AngularJS a été initialement développé par Misko Hevery et Adam Abrons en 2009 et est ensuite devenu un projet Google. AngularJS compense les lacunes du HTML dans la création d'applications. Il élargit le vocabulaire HTML dans les applications Web en utilisant des structures d'identifiants (directives), permettant aux développeurs d'utiliser HTML pour déclarer du contenu dynamique, facilitant ainsi le travail de développement et de test Web. 🎜>

Framework complet : avec module HTML, sa modularité unique, sa liaison de données bidirectionnelle automatisée, ses balises sémantiques, son injection de dépendances et d'autres attributs, particulièrement adapté au développement d'applications lourdes.

  1. est très populaire : d'une part, il est maintenu par Google. D'autre part, parce qu'Angular fait partie de la pile complète MEAN

  2. Angular CLI : uniquement obligatoire. Vous pouvez construire. un projet Angular en maîtrisant quelques commandes

  3. TypeScript : Angular est écrit en TypeScript par défaut, ce qui est plus convivial pour les développeurs qui aiment TypeScript.

  4. Utiliser le framework Ionic : le framework Ionic est utilisé pour créer une application hybride, qui est actuellement le framework de développement d'applications mobiles HTML5 le plus prometteur.

  5. Angular
Top2 : React
React est né d'un projet interne de Facebook. Ces dernières années, React est passé du premier moteur d'interface utilisateur à un ensemble complet de front-end et de back-end. Solutions d'applications Web. Le concept de React est : [Apprenez une fois, écrivez partout]

Léger et efficace : contrairement à Angular, React n'est pas un framework complet, il est donc relativement léger. . Le DOM virtuel permet également d'avoir de très bonnes performances.

  1. Très populaire : Il peut remplacer Angular et faire partie du full stack MERN.

  2. Flux&Redux : bien que React soit dans la couche de vue Exécuter dans , mais vous pouvez également utiliser Flux et Redux

  3. pour créer des applications réactives : React fournit des composants de vue réactifs et sa propre ligne de commande

  4. Application mobile : le producteur estime que React est le meilleur framework pour créer des applications mobiles

  5. React

Top1 : Vue.js

Vue.js est un framework JavaScript progressif. Contrairement à d'autres frameworks lourds, Vue adopte une conception de développement incrémental ascendant. La bibliothèque principale de Vue se concentre uniquement sur la couche de vue. non seulement facile à démarrer, mais également facile à intégrer à des bibliothèques tierces ou à des projets existants

  1. Simple : par rapport à d'autres frameworks, il a une courbe d'apprentissage plus conviviale, uniquement pour les utilisateurs. avec des connaissances de base en HTML et JavaScript peuvent apprendre à utiliser Vue

  2. Flexible et hautement productif : La fonction modèle a été ajoutée dans la version Vue2.0, son noyau simple et compact, progressif Le la pile technologique peut gérer toutes les applications.

  3. Vitesse rapide : le DOM virtuel de Vue est bien optimisé et très rapide, particulièrement adapté au développement d'applications ayant des exigences plus élevées en matière de visualisation et d'animation de données.

  4. v-model et liaison de données bidirectionnelle : vous pouvez utiliser le v-model et le modèle bidirectionnel pour la liaison de données

  5. Vue- CLI : Vue a sa propre ligne de commande, et déployer Vue est beaucoup plus simple qu'Angular.


Vue.js

Si vous rencontrez des problèmes pendant le processus d'apprentissage ou souhaitez obtenir des ressources d'apprentissage, vous êtes invités à rejoindre le groupe d'échange d'apprentissage

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn