1. Introducción
Seajs, un marco de carga de módulos web, busca una forma simple y natural de escribir y organizar código. Sea.js sigue la especificación CMD y modulariza el código JS. La carga automática de dependencias y una configuración clara y concisa permiten a los programadores centrarse más en la codificación.
2. Ventajas y desventajas
ventaja:
1).Mejorar la mantenibilidad.
2).Programación modular.
3).Carga dinámica, optimización del rendimiento del front-end.
defecto:
1) Los documentos de aprendizaje son escasos y confusos, lo que cambiará los hábitos de escritura del equipo en el uso de JS y se debe utilizar programación modular.
2) No es adecuado para la situación actual del equipo. Hay muchos archivos JS pero pocos cambios. Las ventajas de la carga dinámica y la modularización no son obvias.
3). Requiere el uso de herramientas SPM, empaquetado JS y herramientas de gestión.
2. ¿Qué son CMD y AMD?
La definición de módulo asincrónico (AMD) es la abreviatura de definición de módulo asincrónico, que es el resultado estandarizado de la definición del módulo durante el proceso de promoción de RequireJS.
Definición de módulo común (CMD) es la abreviatura de Definición de módulo común, que es el resultado estandarizado de la definición del módulo durante el proceso de promoción de SeaJS.
RequireJS y SeaJS son representantes de marcos modulares. AMD y CMD son sus respectivas formas de definir la modularidad. Son similares, principalmente en estilo de codificación y API.
3. ¿Cómo utilizar?
Copie el código de la siguiente manera: <script src="../js/examples-master/sea-modules/seajs/seajs/2.1.1/sea.js"></script>
<guión>
//Configurar la ruta js
seajs.config({
alias:{
"jquery":"../examples-master/sea-modules/jquery/jquery/1.10.1/jquery.js"
}
});
//Cargar módulo
seajs.use('../js/seajs/init',función($){
$("#test_div").click(function(){alert(1);});
});
</script>
Copie el código de código de la siguiente manera:
//init.js
definir (función (requerir, exportaciones, módulo) {
var $ = requerir('jquery');
devolver $;
});