Résumé du framework js front-end et explication de ses utilisations

Aujourd'hui, je vais vous présenter le résumé et l'utilisation des frameworks js front-end. J'ai résumé 10 bibliothèques de framework front-end, une par une.

1. Bibliothèque de framework front-end :

1.Zepto.js

Description : Zepto est une bibliothèque JavaScript

2.SUI Mobile

Description : SUI Mobile est un ensemble de bibliothèques d'interface utilisateur développées sur la base de Framework7. Il est très léger et beau. Il vous suffit d'introduire notre fichier CDN pour l'utiliser. Il est compatible avec iOS 6.0+ et Android 4.0+, ce qui le rend très approprié pour développer des applications Web multiplateformes.

Utilisation : Comme vous pouvez le constater, il est utilisé pour le développement de Web App côté sans fil.

3.Node.Js

Description : Node.js est un environnement d'exécution Javascript (runtime). En fait, il encapsule le moteur Google V8. Le moteur V8 exécute Javascript très rapidement et offre de très bonnes performances. Node.js optimise certains cas d'utilisation spéciaux et fournit des API alternatives pour améliorer le fonctionnement de la V8 dans des environnements sans navigateur. Node.js est une plate-forme construite sur le runtime JavaScript Chrome, utilisée pour créer facilement des applications Web qui répondent rapidement et sont faciles à développer. Node.js utilise un modèle d'E/S non bloquant et piloté par les événements pour être léger et efficace, ce qui le rend idéal pour exécuter des applications en temps réel gourmandes en données sur des appareils distribués.

En termes simples, Node.js est du JavaScript exécuté côté serveur.

Node.js est une plate-forme construite sur le runtime JavaScript Chrome.

Node.js est un environnement JavaScript côté serveur d'E/S basé sur le moteur V8 de Google. Le moteur V8 exécute Javascript très rapidement et offre de très bonnes performances.

Objectif :

1. API RESTful

C'est le scénario d'application le plus idéal pour NodeJS. Il peut gérer des dizaines de milliers de connexions. Il n'a pas beaucoup de logique. et ne nécessite que des requêtes API, organisez simplement les données et renvoyez-les. Il recherche essentiellement certaines valeurs dans une base de données et les compose en réponse. Étant donné que les réponses sont de petites quantités de texte et que les requêtes entrantes sont de petites quantités de texte, le trafic n'est pas élevé et une seule machine peut gérer les besoins en API même des entreprises les plus occupées.

2. Unifiez la couche d'interface utilisateur des applications Web

L'architecture MVC actuelle, dans un sens, le développement Web a deux couches d'interface utilisateur, l'une dans le navigateur comme nous le voyons enfin, et l'autre l’un est côté serveur, responsable de la génération et de l’épissage des pages.

Je ne discuterai pas si cette architecture est bonne ou mauvaise, mais il existe une autre pratique, l'architecture orientée services, qui permet de mieux séparer les dépendances du front et du back-end. Si toute la logique métier clé est encapsulée dans des appels REST, cela signifie que la couche supérieure n'a qu'à réfléchir à la manière d'utiliser ces interfaces REST pour créer des applications spécifiques. Ces programmeurs back-end ne se soucient pas de la manière dont les données spécifiques sont transmises d'une page à une autre. Ils ne se soucient pas de savoir si les mises à jour des données utilisateur sont obtenues de manière asynchrone via Ajax ou en actualisant la page.

3. Applications avec un grand nombre de requêtes Ajax

Par exemple, les applications personnalisées, où chaque utilisateur voit une page différente et où le cache est invalide, doivent être lancées lorsque la page. est chargé. NodeJS peut répondre à un grand nombre de requêtes simultanées. En bref, NodeJS convient à une utilisation dans des scénarios à forte concurrence, gourmands en E/S et avec une petite quantité de logique métier.

4.angular.Js

Description : AngularJS[1] est né en 2009, créé par Misko Hevery et d'autres, puis acquis par Google. Il s'agit d'un excellent framework JS frontal qui a été utilisé dans de nombreux produits Google. AngularJS possède de nombreuses fonctionnalités, dont les plus essentielles sont : MVVM,

Modularisation, liaison de données bidirectionnelle automatisée, balises sémantiques, Injection de dépendances et ainsi de suite.

Objectif : En le décrivant, nous devrions être capables de comprendre le véritable objectif d'AngularJS, MVVM, la modularisation, la liaison de données bidirectionnelle automatisée, etc. En plus des opérations dom simples, cela reflète également la puissance de la programmation Js. Bien entendu, l’application dépend de l’occasion.

5.JQuery Mobile

Description : Query Mobile est la version de jQuery sur les téléphones mobiles et les tablettes. jQuery Mobile apportera non seulement la bibliothèque principale jQuery aux plates-formes mobiles grand public, mais publiera également un cadre d'interface utilisateur mobile jQuery complet et unifié. Prend en charge les plates-formes mobiles grand public mondiales. L'équipe de développement de jQuery Mobile a déclaré : Nous sommes très enthousiastes à l'idée de développer ce projet. Le Web mobile a besoin d'une infrastructure multi-navigateurs pour permettre aux développeurs de développer des sites Web véritablement mobiles.

Objectif : jQuery Mobile est un framework pour créer des applications Web mobiles.

jQuery Mobile fonctionne sur tous les smartphones et tablettes populaires.

jQuery Mobile utilise HTML5 et CSS3 pour mettre en page les pages avec le moins de scripts possible.

6.requirejs

Description : Le but de RequireJS est d'encourager la modularisation du code. Il utilise une approche différente de celle traditionnelle

.

<script> étape de chargement du script de la balise. Vous pouvez l'utiliser pour accélérer et optimiser le code, mais son objectif principal est de modulariser le code. Il est encouragé à utiliser l'ID du module au lieu de l'adresse URL lors de l'utilisation de scripts. </script>

RequireJS charge tout le code à une adresse relative à baseUrl. La balise <script> de niveau supérieur de la page contient un attribut spécial data-main, qui est utilisé par require.js pour démarrer le processus de chargement du script, et baseUrl est généralement défini sur le répertoire cohérent avec cet attribut. </script>

Objectif : Chargement dynamique modulaire.

7.Vue.js

Description : Vue.js est une bibliothèque permettant de créer des interfaces Web interactives. Il fournit une liaison de données MVVM et un système de composants composables avec une API simple et flexible. Techniquement parlant, Vue.js se concentre sur la couche de modèle de vue sur le modèle MVVM et connecte la vue et le modèle via une liaison de données bidirectionnelle. La manipulation réelle du DOM et le formatage de sortie sont résumés dans des directives et des filtres. Comparé à d'autres frameworks MVVM, Vue.js est plus facile à démarrer.

8.backbone.js

Description : Backbone fournit la structure des modèles, des collections et des vues pour les applications Javascript complexes. Le modèle est utilisé pour lier des données clé-valeur et des événements personnalisés ; la collection est associée à une riche API de fonctions énumérables ; la vue peut déclarer des fonctions de gestion d'événements et se connecter à l'application via l'interface RESTful JSON.

9. React

Description : React est une bibliothèque JavaScript utilisée par Facebook et Instagram pour créer des interfaces utilisateur. Beaucoup de gens considèrent React comme le V (vue) dans MVC. Nous avons créé React pour résoudre un problème : créer des applications à grande échelle où les données changent au fil du temps. Pour atteindre cet objectif, React adopte les deux idées principales suivantes.

10.Ionic

Description : Ionic est à la fois un framework CSS et une bibliothèque d'interface utilisateur Javascript. De nombreux composants nécessitent Javascript pour opérer leur magie, bien que souvent les composants ne nécessitent aucun codage et soient faciles à utiliser via des extensions de framework, comme notre extension AngularIonic.

Ionic suit le modèle de contrôle de vue et sa compréhension populaire est similaire au framework Cocoa touch. Dans le modèle de contrôle de vue, nous divisons différentes parties de l'interface en sous-vues ou sous-vues Contrôleurs qui contiennent d'autres vues. Le contrôleur de vue « pilote » ensuite la vue interne pour fournir une interaction et des fonctionnalités d'interface utilisateur. Un bon exemple de ceci est le contrôleur de vue Tab Bar qui gère le clic sur la barre d’onglets pour basculer entre une série de panneaux visuels.

Parcourez notre documentation API pour en savoir plus sur les contrôleurs de vue et les utilitaires Javascript disponibles dans Ionic.

Ionic est actuellement le framework de développement d'applications mobiles HTML5 le plus prometteur. Créez des applications avec SASS, qui fournit de nombreux composants d'interface utilisateur pour aider les développeurs à développer des applications puissantes. Il utilise le framework JavaScript MVVM et AngularJS pour améliorer l'application. Fournit une liaison bidirectionnelle des données, ce qui en fait un choix courant pour les développeurs Web et mobiles.

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Étapes de mise en œuvre de la programmation DOM en html5

Utiliser h5 pour effectuer le processus de paiement WeChat Étapes de mise en œuvre

Utilisez Canvas pour créer les étapes de mise en œuvre d'une horloge

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!