Mini-Define
Uma estrutura modular de front-end simples implementada com base na necessidade. Se você não deseja gastar tempo aprendendo requer.js ou observe as especificações longas de CMD/AMD, essa mini-definição é uma boa escolha para você. Se você já usou o Sea.js ou o requer.js antes, o Mini-Define é mais eficiente, mais leve e mais fácil de usar. Endereço do projeto: Github
uso
Primeiro defina o módulo
Definir módulos
1: Use definir função para definir módulos
1.1 Dependendo se há uma dependência, existem duas situações:
1.1.1: Módulos sem dependências
A cópia do código é a seguinte:
define ('id', function () {
// Coloque seu código aqui
});
1.1.2: Módulos de dependência
A cópia do código é a seguinte:
define ('id', ['modea', 'modeb'], função (a, b) {
// Coloque seu código aqui
});
1.2 De acordo com se os resultados do processamento precisam ser retornados para uso externo, pode ser dividido em duas situações:
1.2.1 Existe um objeto de retorno:
A cópia do código é a seguinte:
define ('id', function () {
retornar {
// Coloque seu código aqui
}
});
1.2.2 Nenhum objeto retornado
A cópia do código é a seguinte:
define ('id', function () {
// Coloque seu código aqui
});
Dois: use requer () função para chamar o módulo
2.1 De acordo com o número de módulos solicitados, pode haver duas situações:
2.1.1. Chamando um único módulo
requer ('modeid')
2.1.2. Chamando vários módulos
requer (['modea', 'modeb']);
2.2 De acordo com se há um processamento de retorno de chamada, ele pode ser dividido em duas situações:
2.2.1 Há uma função de processamento de retorno de chamada
A cópia do código é a seguinte:
requer ('modeid', função (modo) {
// Coloque seu código aqui
});
requer (['modea', 'modeb'], função (a, b) {
// Coloque seu código aqui
});
2.2.2 Sem processamento de retorno de chamada
requer ('modeid');
Em seguida, consulte os módulos necessários, por sua vez, na página Index.html
A cópia do código é a seguinte:
<!-Módulo Core->
<script src = "lib/core/requer.js"> </script>
<!-Módulo para demonstração->
<script src = "lib/main.js"> </script>
<script src = "lib/config.js"> </script>
<script src = "lib/init.js"> </script>
Finalmente, mescla e comprime o diretório LIB da maneira como você gosta de gerar um arquivo min.js. Ao publicar um aplicativo, o index.html correspondente também precisa ser ajustado:
A cópia do código é a seguinte:
<script src = "lib/min.js"> </script>
vantagem:
Comparado com o Seajs.js ou o original requer.js, o código com apenas cem linhas de comentários pode ser descrito como leve e parece gordo, o que é completamente magro.
Não há conteúdo avançado ou habilidades complexas, e há quase zero custo de aprendizado.