Quel est le meilleur framework JavaScript léger? [fermé]
https://stackoverflow.com/questions/74048
-
09-06-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianQuestion
Je recherche un framework JavaScript léger dont le but principal est de résumer les différences entre les navigateurs. Je l'utilise principalement pour créer de nouveaux éléments d'interface utilisateur, et je n'ai besoin de rien d'autre que de quelque chose qui me donne un langage indépendant de la plate-forme et un DOM.
La solution
J'utilise actuellement trois bibliothèques JS: Prototype , jQuery et MooTools . Les prototypes et jQuery sont les plus largement utilisés. jQuery et MooTools sont les plus légers.
MooTools propose sur son site une fonctionnalité intéressante qui vous permet de créer un fichier .js compressé personnalisé avec uniquement les modules dont vous avez besoin, en le rendant le plus léger possible, en fonction de vos activités. jQuery a une base de fans beaucoup plus importante et un meilleur support à cause de cela.
Parmi les 3, je recommanderais jQuery, mais ce n’est probablement pas une mauvaise idée de jeter un coup d’œil sur toutes les options disponibles.
Autres conseils
J'utilise jQuery - il est simple et petit, et le meilleur de tous: très facile :))
Voir également la question Quelle bibliothèque JavaScript choisiriez-vous pour un nouveau projet et pourquoi?
Il semble que la jQuery ait connu une croissance récente. (Voir cette présentation , diapo 4)
mooTools est également mon préféré. Leur interface vous permet de prendre autant ou aussi peu que vous le souhaitez, donc si vous souhaitez ajouter plus de trucs à votre sac à outils sur toute la ligne, il est assez facile de le faire.
Je suis un grand fan de Yahoo! Interface utilisateur (YUI) Bibliothèque. Il a un bon ensemble de manipulations DOM et un framework de widgets assez solide. De plus, vous pouvez combiner ce que vous voulez utiliser.
Je préfère JQuery. Il possède également une bonne documentation. JQuery
J'aime aussi jQuery en raison de la puissante fonction de sélection " $ " et souhaitez créer un lien vers une autre documentation: Visual jQuery
Voici un tableau de comparaison que j'ai utilisé pour évaluer certaines des différentes bibliothèques disponibles.
Il ne s'agit en aucun cas d'une liste de toutes les fonctionnalités de chaque bibliothèque, mais vous donne une bonne vue d'ensemble pour préciser vos choix en fonction des cadres dans lesquels vous devriez aller plus en profondeur pour voir si cela répond à vos besoins.
J'ai essayé prototype et scriptaculous d’abord, puis est passé à jquery , sans regarder en arrière. Si vous voulez une interface utilisateur agréable, alors YUI est bon, mais jQuery est simple, à mon avis.
Essayez DOMAssistant . Il ne contient que 7 Ko compressés, est très rapide et supporte Unicode.
Personnellement, lorsque je travaillais côté client, je suis tombé amoureux de JQuery, qui propose une version 15k. Il y a une légère courbe d'apprentissage, mais c'est très très lisse.
jQuery est très lisse et très facile à apprendre. J'ai utilisé Moo dans le passé pour certaines manipulations de base du DOM. Il a moins d'empreinte, mais moins de fonctionnalités. Le meilleur choix pour vous dépend définitivement de vos exigences.
Le code YUI de base - yahoo-dom-event.js - est de 31 Ko et fonctionne très bien. Vous obtenez toutes sortes de gestion des événements & amp; Manipulation DOM , il est très facile d'ajouter des éléments plus complexes - et plus lourds - - Des trucs si et quand tu en as besoin.
Juste une suggestion, mais je rechercherais un cadre qui présente les fonctionnalités que vous désirez et ne vous inquiétez pas trop de sa taille, dans des limites raisonnables. La plupart des frameworks modernes tels que PrototypeJS ou JQuery ne sont pas si grands et ont des versions réduites (espaces supprimés, etc.). En outre, votre site doit être configuré pour la mise en cache de ces bibliothèques. La seule fois qu'un utilisateur aura besoin de télécharger la bibliothèque, ce sera lors de la première visite, ou de toute visite après avoir vidé le cache de son navigateur.
Lorsque vous nommez le (s) fichier (s) de bibliothèque, veillez à utiliser un nom de fichier unique. Par exemple, nommez votre bibliothèque en fonction de la version de la bibliothèque. Lorsque vous devez effectuer une mise à niveau vers une nouvelle version de la bibliothèque, il vous suffit de référencer le nouveau nom de fichier (version) à partir des pages correspondantes. Cela vous permettra de mettre en cache ces fichiers sans date d'expiration à court terme.
Il existe de nombreuses autres techniques de mise en cache que vous pouvez utiliser pour réduire la taille des fichiers de bibliothèque et améliorer les performances. Je recommanderais "High Performance Web Sites", ISBN: 0596529309. Bien que toutes les informations contenues dans le livre se trouvent en ligne, le livre permet de rassembler les informations dont vous avez besoin à un endroit donné et de coller les différents concepts (I n’ayant aucun intérêt financier dans ce livre).
Quel que soit votre choix, envisagez de laisser Google l'héberger pour vous:
Cette question est en réalité une copie de cette question (je pense). Ma réponse à cette question était la suivante (et s'applique également ici):
Vous obtiendrez un million de réponses ici. Le plus court est: il y en a plusieurs, pas un seul. Ils sont tous différents à certains égards et similaires à d’autres et, en général, aucun d’entre eux n’est un mauvais choix. Les principaux cadres que je recommanderais sont (par ordre alphabétique pour ne montrer aucun parti pris):
* Dojo
* jQuery
* MooTools
* Prototype (with Scriptaculous)
* YUI
* MochiKit
Chacune d’elles a des styles, des communautés et des centres d’intérêt différents. Lequel vous devriez choisir consiste principalement à faire correspondre le style de ces cadres avec le vôtre. Passez du temps avec les tutoriels et les démonstrations de chacun et choisissez celui qui vous convient le mieux.
Par mise en garde, je tiens à préciser que je suis un développeur pour MooTools et que j'ai écrit un livre sur son utilisation. Je ne dirais pas que MooTools est meilleur que n'importe lequel de ces autres frameworks; seulement différent.
J'utilise le prototype de manière extensive. Le package par défaut est de 28 Ko, alors que jQuery est de 90 ans *.
* non compressé
Vous pouvez utiliser n'importe quel code JavaScript pour le rendre plus léger. La question peut donc se poser: que préférez-vous? Je choisis le Prototype . Il existe une version appelée protopacked qui, à mon avis, entre environ 20 KB.
MooTools est très chaud. Cela grossit un peu ces jours-ci (la base est de 60 Ko), ce qui est peut-être hors de portée.
Mais si vous êtes vraiment juste après un DOM de base, jQuery serait probablement idéal.
Un autre vote pour jQuery ici. Rapide, léger et plus vous en apprenez, plus votre code sera concis et rapide.
Je recommanderais MooTools : -)
var theDiv = new Element('div', {
'id': 'theDiv',
'styles': {
'backgroundColor': '#BF1942',
'color': '#fff'
}
}).toggleClass('someClass').inject($('someSibling', 'after');
J'aime beaucoup la lisibilité de son code.
Cela fait des années que je me débrouille, mais lorsque vous jouez avec d'autres joueurs, restez loin du dojo + jQuery. Je n'ai que de bonnes choses à dire sur une combinaison de mootools (le meilleur js ani que j'ai vu) + les kits gui ou yui
Je suis d'accord avec JQuery en tant qu'option légère, extensible et puissante. Mon entreprise utilise actuellement Extjs, qui est énorme et beaucoup plus complexe pour ce que nous faisons. Extjs est idéal si vous devez créer un site rapide sans aucun concepteur impliqué (il contient tous les graphiques et tous les styles nécessaires à la création de tout ce dont vous avez besoin), mais il faut environ 6 Mo et rend les tâches simples plus lourdes :)
Si je pouvais tout faire, ce qui pourrait arriver, j'utiliserais JQuery.
Jquery mains vers le bas ....
plus c'est populaire donc vous savez qu'il sera autour
midori est un framework JavaScript léger (seulement 45 Ko non compressé). Il prend en charge la plupart des sélecteurs CSS2 et CSS3 pour accéder aux éléments DOM et ne nécessite pas l'apprentissage d'une nouvelle API. Outre les fonctionnalités standard DOM, événement et Ajax, il prend également en charge les effets visuels de base, le glisser-déposer, les menus contextuels et la complétion automatique, entre autres.
jQuery est très bon.
Ce qui serait très cool, c’est d’ajouter notre cadre à une liste de cadres proposés ici et de permettre aux autres de voter sur celui qui leur convient le mieux ou qu’ils utilisent - c’est-à-dire un sondage / sondage dynamique.
J'aime jQuery car il est léger mais extrêmement puissant.
Il existe également une excellente documentation et tutoriels pour vous aider à démarrer.
YUI est trop grand et complexe à mon goût. J’étais un fan de prototypes, mais j’ai perdu son lustre lorsque j’ai commencé à utiliser jQuery dans de nouveaux projets. Ce que j’aime dans jQuery, c’est le modèle mental cohérent: trouver quelque chose, agir en conséquence.
J'ai assez aimé jQuery pour créer un widget Dashboard permettant un accès hors ligne aux documents: jQuery Widget de référence
jQuery est votre meilleure option si vous apportez de petites améliorations car il s’agit du framework le plus utilisé et vous obtiendrez de nombreuses réactions de la part d’autres utilisateurs. Cependant, je ne suis pas moi-même un utilisateur jQuery, car je développe déjà des applications Internet enrichies à l’aide de Ext . . À cause de cela, j'utilise Ext-core (un sous-ensemble de Ext) car la structure a une meilleure conception OO et fournit les mêmes fonctionnalités de base que jQuery (gestion des événements, manipulation DOM, Ajax).
http://www.extjs.com/products/core/
Je n'ai jamais utilisé Prototype car ils augmentent Object.prototype , ce qui provoque des bogues dans notre code.
