Maison > interface Web > js tutoriel > Comment utiliser le framework JS front-end

Comment utiliser le framework JS front-end

php中世界最好的语言
Libérer: 2018-06-04 18:02:56
original
3549 Les gens l'ont consulté

Cette fois, je vais vous montrer comment utiliser le framework front-end Js et quelles sont les précautions lors de l'utilisation du framework front-end Js. Voici des cas pratiques, jetons un oeil. .

Aperçu :

 Certains jours, je ne m'assois pas et n'écris pas de blog à l'ère du développement rapide du. Internet, la vitesse des mises à jour et des itérations technologiques s’accélère également. Je me sens envieux quand je vois Java, Js et Swift prospérer dans divers domaines. Les nouvelles concernant .net sont également passionnantes, notamment .net core 1, mono, xamarin, etc., mais la plupart d'entre elles en sont encore au stade rugissant. En fait, la compréhension de la technologie a toujours été que la technologie est au service des entreprises et des produits, et que les produits favorisent l'évolution de la technologie à des degrés divers.

 Le Web, le sans fil, l'IoT, la VR et le PC favorisent l'intégration technologique et la micro-innovation dans différentes directions. Le rôle des programmeurs dans différents scénarios commerciaux est inversé. Avec l’émergence de node.js, le rôle du langage évolue également et JS joue un rôle de plus en plus important. J'ai également trié les connaissances que j'ai acquises après le dîner. Après avoir lu « Gestion de vos besoins en connaissances », j'ai fortement réalisé qu'une réserve de connaissances désordonnée et étendue est bien moins bénéfique qu'une connaissance organisée et organisée. Alors oui, nous devons revenir de temps en temps pour faire le tri des connaissances dont nous disposons afin de nous préparer aux urgences.

1. Bibliothèque de framework front-end :

1.Zepto.js

  • Description : Zepto est une bibliothèque JavaScript légère pour les navigateurs avancés modernes. Elle possède une API similaire à jquery. Si vous pouvez utiliser jquery, vous pouvez également utiliser zepto. J'ai également découvert Zepto en discutant avec un ami Tencent et je n'avais qu'une compréhension de base.

2.SUI Mobile

  • Description : SUI Mobile est développé sur la base de Framework7 UI bibliothèque. 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 : Noeud .js est un environnement d'exécution Javascript. 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, qui est utilisée pour créer facilement des applications Web avec une vitesse de réponse rapide et une expansion facile. 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 plateforme construite sur le runtime JavaScript Chrome.

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

  • Utilisation :

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. Il suffit de demander l'API, d'organiser les données et de les renvoyer. 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

Avec l'architecture MVC actuelle, dans un sens, le développement Web comporte deux couches d'interface utilisateur, l'un est ce que nous voyons finalement dans le navigateur, et l'autre est côté serveur, responsable de la génération et de l'assemblage 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-end 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, chaque utilisateur verra une page différente, et la le cache sera invalide. Les requêtes Ajax doivent être lancées lors du chargement de la page et 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 Elle a été fondée par Misko Hevery et d'autres en 2006, puis rachetée 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, les plus essentielles sont : MVVM, Modularisation, liaison de données bidirectionnelle automatisée, balises sémantiques, Injection de dépendances et ainsi de suite.

  • Utilisation : 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 et ainsi de suite. 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 jQuery sur mobile et version sur 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 de code , qui utilise une étape de chargement de script différente de celle de la balise

Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal