Maison > Article > interface Web > Introduction au cadre pratique JS et UI front-end Web

Introduction au cadre pratique JS et UI front-end Web

一个新手original: 2017-10-17 09:56:271593parcourir

Résumé du framework Js front-end

Aperçu :

Il y a des jours où je ne m'assois pas et n'écris pas de blog À l'ère du développement rapide d'Internet, le. 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 réalité virtuelle 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 n'est pas aussi 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

Adresse : http://www .css88 .com/doc/zeptojs/
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

Adresse : http://m.sui. taobao.org
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

Adresse : http://www.runoob .com/nodejs/nodejs-tutorial.html (site Web chinois)
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, 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 basé sur 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 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

Il s'agit du scénario d'application le plus idéal pour NodeJS, peut gérer des dizaines de milliers de connexions et n'a pas beaucoup de logique. Il lui 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

L'architecture MVC actuelle, dans un sens, le développement Web a deux couches d'interface utilisateur, l'une est ce que nous voyons finalement dans le navigateur 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 n'ont pas à se soucier de la manière dont les données spécifiques sont transmises d'une page à une autre. Ils n'ont pas à se soucier 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, le cache n'est pas valide et les requêtes Ajax doivent être lancées lorsque le La page est chargée. 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

Adresse : http://www.runoob.com/angularjs/angularjs-tutorial.html (site Web chinois)
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, etc.
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, 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

Adresse : http : //www.w3school.com.cn/jquerymobile/ (site Web chinois)
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

Adresse : http://www.requirejs.cn /
Description : L'objectif de RequireJS est d'encourager la modularisation du code, et il utilise une étape de chargement de script différente de celle de la balise