Maison > interface Web > js tutoriel > Une brève description des différences et des scénarios d'application des frameworks JS tels que JQuery, Extjs, YUI, Prototype, Dojo etc.

Une brève description des différences et des scénarios d'application des frameworks JS tels que JQuery, Extjs, YUI, Prototype, Dojo etc.

高洛峰
Libérer: 2017-01-10 11:07:36
original
987 Les gens l'ont consulté

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, cela c'est parce que 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 quel

Adresse de téléchargement : www.jquery.com ou recherche Google pour jquery télécharger

Raison de la recommandation : Actuellement, c'est le framework que j'utilise le plus (bien sûr, j'ai développé de nombreux autres frameworks), et c'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 l'évolutivité de l'interface utilisateur, 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 : Je n'ai étudié que le framework YUI, mais je ne l'ai jamais utilisé de manière indépendante dans des projets. 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énario 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 le plus fonctionnel Framework javascript puissant, rappelez-moi : il possède les fonctions les plus puissantes. 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.

Pour plus d'articles sur les différences et les scénarios d'application des frameworks JS tels que JQuery, Extjs, YUI, Prototype, Dojo et ainsi de suite, veuillez faire attention au site Web PHP 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