mini define
Un marco modular front-end simple implementado basado en requerir. Si no desea pasar el tiempo de aprendizaje, JS, o mire las largas especificaciones de CMD/AMD, entonces esta mini definición es una buena opción para usted. Si ha usado SEA.js o requería.js antes, la mini definición es más eficiente, más ligera y más fácil de usar. Dirección del proyecto: Github
uso
Primero defina el módulo
Definir módulos
1: Use la función Definir para definir módulos
1.1 Dependiendo de si hay una dependencia, hay dos situaciones:
1.1.1: módulos sin dependencias
La copia del código es la siguiente:
Define ('id', function () {
// Pon tu código aquí
});
1.1.2: módulos de dependencia
La copia del código es la siguiente:
Define ('id', ['moda', 'modeb'], function (a, b) {
// Pon tu código aquí
});
1.2 Según si los resultados del procesamiento deben devolverse para uso externo, se puede dividir en dos situaciones:
1.2.1 Hay un objeto de retorno:
La copia del código es la siguiente:
Define ('id', function () {
devolver {
// Pon tu código aquí
}
});
1.2.2 No se devuelve ningún objeto
La copia del código es la siguiente:
Define ('id', function () {
// Pon tu código aquí
});
Dos: use la función requerir () para llamar al módulo
2.1 Según el número de módulos solicitados, puede haber dos situaciones:
2.1.1. Llamar a un solo módulo
Requerir ('ModeID')
2.1.2. Llamar a múltiples módulos
requerir (['modea', 'modeb']);
2.2 Según si hay un procesamiento de devolución de llamada, se puede dividir en dos situaciones:
2.2.1 Hay una función de procesamiento de devolución de llamada
La copia del código es la siguiente:
requerir ('modeID', function (mode) {
// Pon tu código aquí
});
requerir (['moda', 'modeb'], function (a, b) {
// Pon tu código aquí
});
2.2.2 Sin procesamiento de devolución de llamada
requerir ('modeID');
Luego consulte los módulos requeridos a su vez en la página index.html
La copia del código es la siguiente:
<!-módulo de núcleo->
<script src = "lib/core/require.js"> </script>
<!-Módulo para la demostración->
<script src = "lib/main.js"> </script>
<script src = "lib/config.js"> </script>
<script src = "lib/init.js"> </script>
Finalmente, fusione y comprime el directorio LIB en la forma en que desea generar un archivo min.js. Al publicar una aplicación, el Index.html correspondiente también debe ajustarse:
La copia del código es la siguiente:
<script src = "lib/min.js"> </script>
ventaja:
En comparación con SEAJS.JS o el Requirector original. JS, el código con solo cien líneas de comentarios puede describirse como liviano y se ve gorda, lo cual es completamente delgado.
No hay contenido avanzado ni habilidades complejas, y hay casi cero costos de aprendizaje.