Interfaccia utente JQuery: pro e contro?

Question

Ho lavorato di recente per ottimizzare il mio sito web e appoggiare il mio HTML e Javascript. Ho già iniziato a sostituire il JavaScript Ajax.Net di MS sul mio sito con jQuery JavaScript, e ora guardo alcuni degli html che sto usando per cose come i popup, i controlli a schede ei pulsanti.

L'interfaccia utente di JQuery è stata portata alla mia attenzione poche settimane fa e l'ho studiata per un po ', ma ho paura di saltarci dentro. Mi piace il tema e mi piace il fatto che usi "sprite" like CSS magic per le icone, ma ho notato che gli angoli arrotondati dei CSS non funzionano in IE.

Quindi mi chiedo, nessuno di voi usa attualmente jQuery UI? in caso affermativo, quali parti stai usando? avete personalizzato che qualsiasi? Quali sono alcuni vantaggi e svantaggi hai incontrato?

Grazie per le vostre risposte in anticipo.

Answer 1

per inciso, ho iniziato ad usare jQuery oggi per la prima volta :) Sono solo nuovo di jQuery, ma mi sono occupato abbastanza di JavaScript e altri framework (prototipo, scriptaculous, ecc.) Per sapere cosa sta succedendo.

jQuery è estremamente facile da usare. Le funzioni integrate sono molto complete. La compatibilità è buona Supportano la maggior parte delle cose anche in IE6, con l'aiuto di plugin.

Ho sperimentato la maggior parte del common UI elements - dialogo, fisarmonica, schede e alcuni effetti dell'interfaccia utente, animazione, dissolvenza e altro. Il fatto che ci sia voluto meno di 1 giorno lavorativo per scoprire tutto questo e giocare con loro e implementarli nel mio attuale sito web parla per lo very small/short learning curve. (also see this)

Il tema è più facile di qualsiasi struttura che abbia mai visto. Hanno un simpatico e facile generatore di temi chiamato ThemeRoller. Cambiare i CSS a mano è quasi inutile. Puoi semplicemente cambiare tutto usando l'editor WYSIWYG e scaricare il tuo tema modificato. Questo è vicino alle app ($$$) professionali!

Molto leggero - ~ 19KB. A differenza di altri quadri mostruosi che ho incontrato.

Non hanno avuto problemi, eppure ... ovviamente. Lo stavo usando solo per un giorno. Ma per esperienza (il primo giorno con un nuovo framework non è mai andato liscio per me :)), non mi aspetto molti problemi.

Answer 2

Ho utilizzato solo UI Dialog dal gruppo. Funziona alla grande in tutti i browser previsti da IE8. Ha consumato 100% CPU quando si utilizza modal:true. Dopo outcommenting la seguente riga funziona come un fascino:

$(window).bind('resize.dialog-overlay', $.ui.dialog.overlay.resize); 

È possibile, se necessario, aggiungere un if (!($.browser.msie && $.browser.version >= 8)) alla particolare linea. Il bugfix sembra essere il target 1.8.

Dal resto dei componenti dell'interfaccia utente non ho avuto bisogno di utilizzare nessuno di essi. Inoltre, non avevo la forte sensazione di una libreria robusta dopo aver controllato lo bugs. I ragazzi stanno sicuramente lavorando bene, sicuramente miglioreranno in futuro, ma finora non è ancora abbastanza lucido per me da usare in produzione.

Answer 3

Prima di tutto, congratulazioni per il passaggio a jQuery. È un'incredibile libreria javascript e se sei come me lo amerai.

Sto utilizzando l'interfaccia utente in diversi siti, che mi piace soprattutto per l'acquisizione di una configurazione dell'interfaccia utente personalizzata per soddisfare le mie esigenze.

Lo uso prevalentemente per il datepicker e il sillabato e non ho riscontrato problemi. Li trovo molto facilmente personalizzabili se capisci come usare jQuery.

La speranza che aiuta un po '- buon divertimento!

Answer 4

Ho usato JQuery Datepicker e alcuni altri moduli dell'interfaccia utente con l'utilizzo di JQuery per la maggior parte delle parti del mio progetto.

• È completamente personalizzabile, che facilita la modifica in base alle proprie esigenze.

• Fondamentalmente jQuery è leggero ed è anche programmabile per scrivere script in modo elegante.

• Ho perfezionato la parte di styling piuttosto che la funzionalità per ottenere l'aspetto desiderato.

non ho trovato nulla di negativo su di esso fino ad ora, potrebbe essere in futuro, quando uso un po 'di moduli di jQuery UI

Grazie

Answer 5

Se stai partendo da zero, ho suggerisco di dare un'occhiata a ExtJS anche.

Mi piace JQuery, ma ho trovato un numero eccessivo di plug-in UI per essere bacato. Dato che ExtJS ha meno plug-in di terze parti - e in genere trovo ciò che offre ExtJS è adeguato - ho meno problemi con ExtJS. Poiché mi piacciono le capacità di manipolazione del DOM di basso livello di JQuery, di solito lo uso "sotto" ExtJS.

Answer 6

Una delle cose più belle di jQuery.UI penso sia la fabbrica di widget, che ti dà un modo rapido per creare i tuoi plug-in.

controllare fuori: UI_Developer_Guide

Answer 7

ho usato lo stesso un anno fa. Se uno dei widget soddisfa le tue esigenze, è fantastico. Mi piace The Themeroller.

Ma, nel complesso, non ero entusiasta di jQueryUI e non lo userei più. Diverse piccole cose mi hanno infastidito fino a quando il sentimento cumulativo non è stato dispiaciuto. Ho dovuto combattere la finestra di dialogo del modello. L'animazione della fisarmonica è nervosa in alcuni browser. In almeno alcuni dei widget, non vi è alcuna differenza tra lo stato di passaggio del mouse dell'interfaccia utente e il suo stato di depressione.

Esempio: http://jqueryui.com/demos/accordion/ Almeno nel browser Chrome in cui sto lavorando ora, i problemi di animazione con questa demo causano effettivamente la visualizzazione delle barre di scorrimento durante l'animazione.

Non capisco perché non siano stati aggiunti widget in almeno un anno.

Penso che gran parte del mio disappunto con jQueryUI deriva da quanto mi piace jQuery e cosa mi aspetto da una libreria di widget ufficiale associata ad esso.