JQuery UI: Pros y contras?

Question

Recientemente he estado trabajando en la racionalización de mi sitio web y apoyando mi HTML y Javascript. Ya he comenzado a reemplazar el JavaScript MS Ajax.Net en mi sitio con jQuery JavaScript, y ahora estoy viendo algunos de los html que estoy usando para cosas como ventanas emergentes, controles de pestañas y botones.

JQuery UI me llamó la atención hace unas semanas y lo he estado estudiando por un tiempo, pero me temo que voy directo a ello. Me gusta el tema y me gusta que utiliza "sprite" like CSS magic para los iconos. Pero he notado que las esquinas redondeadas de CSS no funcionan en IE.

Así que me pregunto si algunos de ustedes actualmente usan jQuery IU? Si es así, ¿qué partes está usando? ¿ha personalizado que alguna? ¿Cuáles son algunas ventajas y desventajas le han acabado en?

Gracias por sus respuestas de antemano.

Answer 1

por cierto, he empezado a utilizar jQuery hoy por primera vez :) Solo soy nuevo en jQuery, pero he tratado con suficiente JavaScript y otros marcos (prototipo, scriptaculous, etc.) para saber qué está pasando.

jQuery es extremadamente fácil de usar. Las funciones integradas son muy completas. La compatibilidad es buena. Son compatibles con la mayoría de las cosas, incluso en IE6, con la ayuda de complementos.

He experimentado con la mayoría de los common UI elements - diálogo, acordeón, pestañas, y algunos efectos de interfaz de usuario, la animación, la decoloración y la materia. El hecho de que me llevó menos de 1 día hábil averiguar todo esto y jugar con ellos y también implementarlos en mi sitio web actual habla por el very small/short learning curve. (also see this)

La temática es más fácil que cualquier marco que haya visto. Tienen un generador de temas agradable y fácil de usar llamado ThemeRoller. Cambiar CSS a mano es casi innecesario. Simplemente puede cambiar todo usando el editor WYSIWYG y descargar su tema editado. ¡Eso se acerca a las aplicaciones profesionales ($$$)!

Muy ligero - ~ 19KB. A diferencia de algunos otros marcos monstruosos que he encontrado.

No he tenido ningún problema, sin embargo ... obviamente. Lo he usado solo por un día. Pero por experiencia (el primer día con un nuevo marco nunca fue tan fácil para mí :)), no estoy esperando muchos problemas.

Answer 2

Solo he usado UI Dialog del grupo. Funciona muy bien en todos los navegadores esperan de IE8. Consumió 100% CPU al usar modal:true. Después outcommenting la siguiente línea funciona como un encanto:

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

Puede, si es necesario agregar un if (!($.browser.msie && $.browser.version >= 8)) a la línea en particular. La corrección de errores parece estar dirigida a 1.8.

Del resto de los componentes de la interfaz de usuario no tuve la necesidad de utilizar ninguno de ellos. Tampoco tenía una fuerte sensación de una biblioteca robusta después de comprobar el bugs. Los chicos ciertamente están trabajando bien en eso, sin duda mejorará en el futuro, pero como ahora no está lo suficientemente pulido como para usarlo aún en producción.

Answer 3

Antes que nada, felicidades por cambiar a jQuery. Es una biblioteca de JavaScript increíble y si eres como yo, te encantará.

Estoy usando la IU en varios sitios, lo que más me gusta es simplemente obtener una versión de IU personalizada para satisfacer mis necesidades.

Lo uso predominantemente para el datepicker y sortables y no he encontrado ningún problema. Encuentro que se personalizan muy fácilmente si entiendes cómo usar jQuery.

Espero que ayude un poco - ¡disfrútalo!

Answer 4

He usado JQuery Datepicker y algunos de los otros módulos de UI junto con el uso de JQuery en la mayor parte de mi proyecto.

• Es completamente personalizable, lo que lo hace fácil de modificar según su conveniencia.

• Básicamente, jQuery es liviano y también es programado para escribir guiones de manera elegante.

• Me puse más en la parte del diseño que en la funcionalidad para lograr la apariencia deseada.

no he encontrado nada negativo sobre él hasta ahora, puede estar en el futuro cuando se utiliza un poco más de los módulos de interfaz de usuario jQuery

Gracias

Answer 5

Si vas a empezar desde cero, lo sugiero que eche un vistazo a ExtJS también.

Me gusta JQuery, pero encontré demasiados complementos de UI para tener errores. Como ExtJS tiene menos complementos de terceros, y normalmente encuentro que lo que ExtJS proporciona es adecuado, tengo menos problemas con ExtJS. Como me gustan las capacidades de manipulación de DOM de bajo nivel de JQuery, generalmente lo uso "debajo" de ExtJS.

Answer 6

Una de las mejores cosas de jQuery.UI Creo que es la fábrica de widgets, que te brinda una manera rápida de crear tus propios complementos.

Hay que ver: UI_Developer_Guide

Answer 7

que lo utilizaban hace un año. Si uno de los widgets se ajusta a tus necesidades, es genial. Me gusta Themeroller.

Pero, en general, no estaba muy contento con jQueryUI y no volvería a utilizarlo. Varias cosas pequeñas me molestaron hasta que la sensación acumulativa fue disgusto. Tuve que luchar contra el diálogo modelo. La animación de acordeón es inestable en algunos navegadores. En al menos algunos de los widgets, no hay diferencia entre el estado de desplazamiento del UI y su estado de depresión.

Ejemplo: http://jqueryui.com/demos/accordion/ Al menos en el navegador Chrome que estoy ejecutando ahora, los problemas de animación con esta demostración realmente hacen que aparezcan barras de desplazamiento durante la animación.

No entiendo por qué no se han agregado widgets en al menos un año.

Creo que una gran parte de mi decepción con jQueryUI proviene de lo mucho que me gusta jQuery y lo que espero de una biblioteca oficial de widgets asociada a él.