¿Qué es Knockout.js?
Knockout es una gran biblioteca de JavascripTe ayuda a crear una interfaz de usuario rica en texto con buenas capacidades de visualización y edición, utilizando únicamente un modelo de datos subyacente claro y limpio. Cada vez que el contenido de tu interfaz local necesita actualizarse automáticamente (por ejemplo, dependiendo de cambios en el comportamiento del usuario o fuentes externas de datos), KO puede implementarse fácilmente y ser muy fácil de mantener.
Características importantes de KO:
Seguimiento elegante de dependencias - Cada vez que cambia el modelo de fuente de datos, puede actualizar automáticamente el contenido especificado de tu interfaz.
Vinculación declarativa - Vincula tu interfaz al modelo de fuente de datos de forma simple y sencilla, y puedes usar cualquier plantilla de estructura anidada para construir una interfaz dinámica y compleja.
Buena escalabilidad: un comportamiento personalizado puede implementarse con unas pocas líneas simples de código para vincular como una nueva declaración.
Otras ventajas:
Pura biblioteca Javascrip{filtering}t - compatible con cualquier tecnología de servidor y cliente.
Puede aplicarse bien a aplicaciones existentes, sin necesidad de cambios en la arquitectura principal del programa.
Simplicidad: solo 13K después de la compresión de Gzip.
Compatible con cualquier navegador principal (por ejemplo, 6+, Firefox 2+, Chrome, Safari y otros)
Un conjunto completo de especificaciones (con desarrollo basado en el comportamiento) – esto significa que pueden verificarse fácilmente en nuevos navegadores o plataformas.
Los desarrolladores familiarizados con Ruby on Rails, Asp.net MVC u otras tecnologías MVC pueden encontrar que es una forma MVC en tiempo real con una sintaxis declarativa. En otras palabras, puedes pensar en KO como una forma de crear una interfaz de usuario editando datos JSON... Lo que sea que te ayude.
¿Cómo se usa?
La forma más rápida y divertida de empezar es mediante instrucción interactiva, y una vez que domines las técnicas más básicas y aprendas cada instancia online, estarás listo para trabajar en tus proyectos.
¿Compiten KO y Jquery (prototipo, etc.) o pueden usarse juntos?
¡Todo el mundo adora Jquery! En el pasado, tuvimos que soportar varios métodos inconsistentes de manipulación de objetos del DOM en la API, y la aparición de Jquery es una gran alternativa a los engorrosos frameworks del pasado, haciéndolo flexible y fácil de usar. Jquery es excelente y fácil de usar para la manipulación de elementos de la página web y la gestión de eventos, mientras que KO resuelve un problema diferente.
Si tu interfaz de interfaz es un poco más compleja y contiene algunos de los mismos comportamientos, si solo usas Jquery, la interfaz será más compleja y difícil de lo que crees, y será bastante caro de mantener. Consideremos el ejemplo de mostrar una lista de elementos en una tabla, indicar el número de listas en la tabla y activar el botón "Añadir" cuando el número de listas de elementos es menor a 5, de otro modo deshabilitado. Jquery no tiene un concepto básico de modelo de datos, así que si quieres obtener el número de listas de proyectos, necesitas inferir a partir de los números de tabla/tr/div. Si necesitas mostrar la cantidad de datos en ciertos SPANS, también deberías recordar actualizar el texto del SPAN al añadir nuevos datos. Por supuesto, también debes recordar que cuando el número total >=5, tienes que desactivar el botón de Añadir. Luego, si quieres implementar la función Suprimir, tienes que señalar qué elemento DOM debe cambiarse después de hacer clic.
¿En qué se diferencia hacerlo con Knockout?
Con KO todo se vuelve muy sencillo. Te permite escalar fácilmente la complejidad de tu proyecto sin preocuparte por las inconsistencias de datos resultantes. Simplemente convierte tus datos en un array de Javascrip{filter}t, y luego usa foreach para vincular el array de datos a una tabla o a un conjunto de divs en la página. Cada vez que cambia el array de datos, la interfaz responde automáticamente al cambio (no necesitas indicar cómo insertar una nueva fila ni dónde), y el resto es la sincronización de datos de la interfaz. Por ejemplo, puedes declarar el siguiente SPAN para mostrar la cantidad de datos:
¡Eso es todo! No necesitas escribir código para actualizarlo, su actualización depende de los cambios en el array myItems. De manera similar, la habilitación y desactivación del botón Añadir depende de la longitud del array myItems, de la siguiente manera:
Después de eso, si necesitas implementar la función "Eliminar", no tienes que especificar cómo manipular los elementos de la interfaz, solo tienes que modificar el modelo de datos.
Resumen: KO no tiene intención de competir con jQuery y otros marcos similares de manipulación del DOM. KO proporciona una forma general de correlacionar el modelo de datos con la interfaz de usuario de usuario.KO no depende de jQuery en sí, pero puedes usar jQuery juntos, Cambios vívidos y suaves en la interfaz requieren el uso de jQuery.
Recursos:
http://www.aizhengli.com/knockoutjs/50/knockout.html
http://knockoutjs.com/
|
Publicado en 11/8/2017 12:24:27
|
|
|
