Pregunta

Estoy buscando un marco de JavaScript liviano cuyo propósito principal sea abstraer las diferencias del navegador.Lo estoy usando principalmente para crear nuevos elementos de interfaz de usuario, y no necesito mucho más que algo que me brinde un lenguaje y DOM independientes de la plataforma.

¿Fue útil?

Solución

Hay 3 bibliotecas JS que uso actualmente: Prototipo, jQuery y MooHerramientas.Prototype y jQuery son los más utilizados.jQuery y MooTools son los más ligeros.

MooTools tiene una característica interesante en su sitio que le permite crear un archivo .js comprimido personalizado con solo los módulos que necesita, haciendo que sea el más liviano, dependiendo de lo que esté haciendo.jQuery tiene una base de fans mucho mayor y, gracias a ello, un mejor soporte.

De los 3, recomendaría jQuery, pero probablemente no sea mala idea echar un vistazo a todas las opciones disponibles.

Otros consejos

Yo uso jQuery; es simple y pequeño, y lo mejor de todo:Muy fácil :)

Ver también pregunta ¿Qué biblioteca de JavaScript elegirías para un nuevo proyecto y por qué?

Parece que jQuery ha estado creciendo más recientemente.(Ver esta presentación, diapositiva 4)

mooHerramientas es mi favorito también.Su interfaz te permite tomar tanto o tan poco como quieras, por lo que si deseas agregar más trucos a tu bolsa de herramientas en el futuro, es bastante fácil hacerlo.

Soy un gran admirador del Yahoo!Interfaz de usuario (YUI) Biblioteca.Tiene un buen conjunto de elementos de manipulación DOM y un marco de widgets bastante sólido.Además, puedes mezclar y combinar lo que quieras usar.

Prefiero JQuery.Tiene buena documentación también.JQuery

también me gusta jQuery debido a la potente función selectora "$" y queremos proporcionar un enlace a una documentación alternativa: jQuery visual

Aquí hay un cuadro comparativo que utilicé para ayudar a evaluar algunas de las diversas bibliotecas que existen.

Marco de JavaScript

De ninguna manera enumera todas las características de cada biblioteca, pero le brinda una buena descripción general para limitar sus opciones a los marcos en los que debe profundizar para ver si satisface sus necesidades.

Lo intenté prototipo y guionista primero pero luego cambió a jQuery y no hay vuelta atrás.Si desea una interfaz de usuario agradable, YUI es buena, pero en mi opinión, jQuery es simple.

Intentar Asistente DOMA.Tiene solo 7 KB comprimidos, es realmente rápido y tiene soporte Unicode.

Personalmente, cuando trabajaba del lado del cliente, me enamoré de JQuery, que tiene una versión de 15k.Hay una ligera curva de aprendizaje, pero es muy, muy hábil.

jQuery es muy ingenioso y muy fácil de aprender.He usado Moo en el pasado para algunas manipulaciones básicas de DOM.Ocupa menos espacio pero menos funcionalidad.La mejor opción para usted definitivamente depende de sus necesidades.

El código YUI base: yahoo-dom-event.js - tiene 31 KB y funciona muy bien.Obtienes todo tipo de cosas agradables manejo de eventos & manipulación DOM, y es muy fácil agregar cosas más complejas (y más pesadas) cuando las necesites.

Sólo una sugerencia, pero buscaría un marco que tenga las características que desea y no me preocuparía demasiado por el tamaño, dentro de lo razonable.La mayoría de los frameworks modernos como PrototypeJS o JQuery no son tan grandes y tienen versiones minimizadas (espacios eliminados, etc.).Además, debe tener su sitio configurado para el almacenamiento en caché de estas bibliotecas.La única vez que un usuario necesitará descargar la biblioteca es en la primera visita o en cualquier visita después de haber borrado la memoria caché de su navegador.

Al nombrar los archivos de la biblioteca, asegúrese de utilizar un nombre de archivo único.Por ejemplo, asigne un nombre a su biblioteca según la versión de la misma.Cuando necesite actualizar a una nueva versión de la biblioteca, simplemente haga referencia al nuevo nombre de archivo (versión) en las páginas correspondientes.Esto le permitirá almacenar en caché estos archivos sin una fecha de vencimiento a corto plazo.

Existen muchas otras técnicas de almacenamiento en caché que puede utilizar para evitar el tamaño de los archivos de la biblioteca y mejorar el rendimiento.Recomendaría "Sitios web de alto rendimiento", ISBN:0596529309.Si bien toda la información del libro se puede encontrar en línea, el libro hace un buen trabajo al recopilar la información que necesita en un solo lugar y une los diversos conceptos (no tengo ningún interés financiero en este libro).

Elijas lo que elijas, considera dejar que Google lo aloje por ti:

http://code.google.com/apis/ajaxlibs/

Esta pregunta es realmente un duplicado de esta pregunta (Creo).Mi respuesta a esa pregunta fue la siguiente (y se aplica aquí también):

Obtendrás un millón de respuestas aquí.El corto es:hay varios, ni uno solo.Todos son diferentes en algunos aspectos y similares en otros y, en general, ninguno de ellos es una mala elección.Los principales marcos que recomendaría son (en orden alfabético para no mostrar ningún sesgo):

* Dojo
* jQuery
* MooTools
* Prototype (with Scriptaculous)
* YUI
* MochiKit

Cada uno de estos tiene diferentes estilos, diferentes comunidades y diferentes enfoques.Cuál debe elegir es principalmente una cuestión de hacer coincidir el estilo de estos marcos con el suyo.Dedique algún tiempo a los tutoriales y demostraciones de cada uno y elija el que tenga más sentido para usted.

Como descargo de responsabilidad, señalaré que soy desarrollador de MooTools y escribí un libro sobre cómo usarlo.No diría que MooTools sea mejor que cualquiera de estos otros marcos;sólo diferente.

yo suelo Prototipo bastante extensamente.El paquete predeterminado es de 28 KB, mientras que jQuery tiene 90 KB*.

http://www.prototypejs.org

*Sin comprimir

Puedes empaquetar cualquier código JavaScript para hacerlo más liviano, por lo que la pregunta podría reducirse a ¿cuál prefieres?voy por Prototipo - Hay una versión disponible llamada protopacked que creo que pesa unos 20 KB.

MooTools está bastante de moda.Se está volviendo un poco más grande estos días (la base es 60 KB), por lo que podría estar fuera de su alcance.

Pero si realmente buscas DOM básico, jQuery probablemente sería ideal.

Otro voto por jQuery aquí.Rápido, ligero y cuanto más lo aprendas, más rápido y conciso será tu código.

Yo lo recomiendo MooHerramientas :-)

var theDiv = new Element('div', {
    'id': 'theDiv',
    'styles': {
        'backgroundColor': '#BF1942',
        'color': '#fff'
    }
}).toggleClass('someClass').inject($('someSibling', 'after');

Realmente me gusta la legibilidad de su código.

He desarrollado el mío durante años, pero cuando juego con otros me mantengo muy alejado de dojo + jquery.No tengo más que cosas buenas que decir sobre una combinación de mootools (el mejor js ani que he visto) + los kits gui o yui

Estoy de acuerdo con JQuery como la opción ligera, extensible y potente.Actualmente, mi empresa utiliza Extjs, que es enorme y mucho más complejo para lo que estamos haciendo.Extjs es genial si necesitas crear un sitio rápido sin diseñadores involucrados (viene con todos los gráficos y estilos para crear cualquier cosa que necesites) pero pesa alrededor de 6 MB y termina haciendo que las tareas simples sean más engorrosas :)

Si pudiera hacerlo todo de nuevo, lo que puede suceder, usaría JQuery.

Jquery sin lugar a dudas....

Además, es popular para que sepas que estará disponible.

Tendencias de los desarrolladores web

midori es un marco de JavaScript liviano (solo 45K sin comprimir).Es compatible con la mayoría de los selectores CSS2 y CSS3 para acceder a elementos DOM y no requiere que aprenda una API completamente nueva.Además de la funcionalidad estándar DOM, eventos y Ajax, también admite efectos visuales básicos, arrastrar y soltar, menús emergentes y autocompletar, entre otras cosas.

jQuery es muy bueno.

Lo que sería genial si pudiéramos agregar nuestro marco a una lista de marcos que se sugieren aquí y permitir que otros voten por el que más les guste o utilicen, es decir.una encuesta/encuesta dinámica.

Me gusta jQuery porque es liviano pero extremadamente poderoso.

También hay excelente documentación y tutoriales para empezar.

YUI es demasiado grande y compleja para mi gusto.Solía ​​ser un fanático de Prototype, pero para mí ha perdido su brillo a medida que comencé a usar jQuery en nuevos proyectos.Lo que me gusta de jQuery es el modelo mental consistente:Encuentra algo, actúa en consecuencia.

Me gustó jQuery lo suficiente como para crear un widget de panel para acceder sin conexión a los documentos: Widget de referencia de jQuery

jQuery es su mejor opción si está realizando pequeñas mejoras, ya que es el marco más utilizado y obtendrá muchos comentarios de otros usuarios.Sin embargo, yo no soy un usuario de jQuery porque ya desarrollo RIA usando ext.Por eso, uso Ext-core (un subconjunto de Ext) porque el marco tiene un mejor diseño OO y proporciona la misma funcionalidad básica que jQuery (manejo de eventos, manipulación DOM, Ajax).

http://www.extjs.com/products/core/

Nunca he usado Prototype porque aumentan Object.prototype lo que causa errores en nuestro código.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top