Maison > interface Web > js tutoriel > Différences et scénarios d'application des frameworks JS tels que JQuery, Extjs, YUI, Prototype, Dojo (compétences pratiques)

Différences et scénarios d'application des frameworks JS tels que JQuery, Extjs, YUI, Prototype, Dojo (compétences pratiques)

亚连
Libérer: 2018-05-21 15:00:14
original
1729 Les gens l'ont consulté

Avec le développement vigoureux du web2.0, la charge de travail supportée par le navigateur devient de plus en plus importante (quand cela n'affecte pas beaucoup les performances, les développeurs sont habitués à faire tout ce qui peut être fait avec le navigateur). faites cela pour réduire la pression du serveur et les frais de bande passante, etc.).

Javascript est donc devenu l'une des exigences les plus fondamentales pour le développement Web. Dans le développement agile réel, nous choisissons généralement un framework JS pour remplacer l'écriture fastidieuse du Javascript natif. Vous constaterez que cela vous fera gagner beaucoup de temps et que le code que vous écrivez sera clair et pratique. (Bien sûr, lorsque j'étais étudiant, je me demandais également que l'utilisation d'un framework ne me donnerait pas une compréhension approfondie du Javascript original. En fait, c'est une réflexion excessive. Au fur et à mesure que vous approfondissez votre compréhension du framework, vous aurez également une compréhension plus approfondie du js natif. Certains. Pour devenir un développeur intelligent, les deux dépendent l'un de l'autre, et le meilleur état est de développer un framework JS et CSS exactement en fonction de vos propres besoins comme Qzone - bien sûr, c'est le cas. car Qzone est trop gros. )
Il existe actuellement de nombreux frameworks JS populaires tels que Dojo, Scriptaculous, Prototype, yui-ext, Jquery, Mochikit, mootools, moo.fx, etc. Bien sûr, il existe de nombreux frameworks que je ne connais pas, je ne les énumérerai donc pas. Beaucoup de gens demanderont sur le forum quel framework est le meilleur ? Quel framework est le plus génial ? Quel framework OO est le plus confortable ? webryan Personnellement, je pense que c'est une erreur logique qu'un novice peut facilement commettre. Il n’existe pas de meilleur outil au monde, qu’il soit adapté ou non. Nous devons choisir un framework avec des fonctionnalités pertinentes en fonction des besoins réels de notre projet.
1. JQuery
Niveau de recommandation : cinq étoiles
Scénario d'utilisation : n'importe lequel
Adresse de téléchargement : www.jquery.com ou recherchez le téléchargement de jquery sur Google
Raison de la recommandation : À l’heure actuelle, le framework que j’utilise le plus (bien sûr, j’ai également développé plusieurs autres frameworks) est aussi celui que je recommande personnellement le plus. En discutant avec certaines technologies du secteur, j'ai découvert que le CTO de xiaonei.com, Tencent ou d'autres experts émergents du Web2.0 recommandent tous ce cadre. Alors, quel est exactement l’avantage ? 1. Petit (c'est un problème sérieux après la mise à l'échelle) 2. Simple (faible coût d'apprentissage mais grande efficacité, le manuel contient des exemples suffisamment clairs pour vous faire passer de 0 à l'achèvement du projet) 3. La structure interne est open source et se concentre sur la logique. 4. Sélection DOM puissante (en fait, JS traite principalement le DOM) 5. Bonne extension de l'interface utilisateur (ce que je veux mentionner ici, ce sont les outils Jquery et l'interface utilisateur Jquery. Vous pouvez rechercher ces deux interfaces utilisateur étendues Jquery. Vous pouvez vous. constatera que l'interface utilisateur est si simple, et c'est aussi à cause de son évolutivité, elle n'est donc pas inférieure aux autres frameworks).
2. Extjs
Adresse de téléchargement : http://extjs.com/
Scénario d'utilisation : Système interne. Système back-end. système de gestion, etc.
Niveau de recommandation : quatre étoiles
Raison de la recommandation : Extjs a une conception d'interface utilisateur très impressionnante. Ainsi, lorsque vous effectuez des tâches telles que la gestion back-end, les processus internes d'entreprise ou d'autres systèmes de gestion, cet élément est sans aucun doute votre meilleur choix. Pourquoi? Parce qu'il peut générer une très belle interface utilisateur complète avec seulement quelques lignes de code, avec des fonctions puissantes et des styles optionnels. J'ai construit un backend CMS et un système d'entreprise interne en utilisant ce système, économisant beaucoup de main d'œuvre et de temps, et cela a été largement salué. Son inconvénient est que lorsqu'une page charge plusieurs onglets, js peut télécharger plusieurs fichiers en même temps. En termes simples, js sera plus grand. Mais pour la gestion back-end et les systèmes internes de l’entreprise, cela deviendra un goulot d’étranglement.
3. YUI
Adresse de téléchargement : http://developer.yahoo.com/yui/
Niveau de recommandation : 4 étoiles
Raison de la recommandation : j'étudie uniquement le YUI framework Il a déjà été utilisé, mais il n'a pas été utilisé indépendamment dans le projet. La plupart du temps, après avoir rejoint le projet, les seniors ont utilisé YUI, puis nous avons continué le rôle précédent dans le développement ultérieur. Certains modules du disque dur et de la vadrouille QQ étaient utilisés il y a longtemps, mais il est désormais très clair qui les utilise encore. Il est quelque peu similaire à Extjs et présente de nombreux avantages en termes d'interface utilisateur.
Scénarios d'utilisation : divisez chaque module de YUI et utilisez certaines parties de yui pour remplir vos propres modules pour différents besoins. Ou quelque chose de similaire à une application de disque réseau.
4. Dojo
Adresse de téléchargement : http://dojotoolkit.org/
Niveau de recommandation : quatre étoiles
Raison de la recommandation : Dojo est délibérément le framework javascript le plus puissant. Pour rappel : le plus puissant. Il contient donc presque tout ce que vous pourriez vouloir utiliser. ). Dojo est plus adapté aux besoins des applications d'entreprise et du développement de produits, car les composants tels que le stockage hors ligne, DataGrid, les graphiques 2D, 3D, Chart, Comet, etc. sont tous très importants pour les applications d'entreprise (bien sûr, cela prendra un certain temps pour ces composants à stabiliser) . Par exemple, Dojo a été utilisé dans des produits développés par BEA basés sur la technologie Mashup. Mais avons-nous besoin de ces fonctionnalités ? Est-il nécessaire de créer un produit Web 2.0 d’une telle envergure ? Cela dépend de vos propres besoins. Et les défauts de Dojo sont évidents : il est trop grand, a trop de fonctions et la courbe d'apprentissage est trop raide. Mais s’il est utilisé pour des applications d’entreprise, ce sera comme un canard dans l’eau. C'est pourquoi des entreprises telles qu'IBM accordent la priorité à Dojo et à l'apprentissage de Dojo lors du recrutement.
5. Prototype
Le plus mature. Mais personnellement, je pense qu'il peut être remplacé par Jquery. La similitude entre les deux est également relativement élevée. Pas grand chose à dire ici.
6. Mootools
Adresse de téléchargement : http://mootools.net/
Niveau de recommandation : 4 étoiles
Raison de la recommandation : OO design thinking. Forte modularité et degré de couplage relativement faible. Certaines personnes disent que son effet d'interface utilisateur est meilleur que celui de Jquery. Si vous n'avez pas utilisé son interface utilisateur, je n'en dirai pas plus pour l'instant. Les développeurs peuvent se référer à leurs démos pour voir si les effets ou les sélecteurs vous conviennent.
OK, le vrai framework est toujours utilisé et écrit. Si vous êtes toujours confus après avoir lu ce qui précède, je vous suggère de commencer par JQuery, O(∩_∩)O haha.

Ce qui précède est ce que j'ai compilé pour vous. J'espère que cela vous sera utile à l'avenir.

Articles associés :

Focus sur l'attribut __proto__ en JavaScript (tutoriel image et texte)

Prototype en JavaScript Analyse complète du prototype

Analyse complète du type et de la portée de l'objet dans les concepts JavaScript orientés objet (avec exemples)

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal