1. Introdução
Seajs, uma estrutura de carregamento de módulos da Web, busca uma maneira simples e natural de escrever e organizar código. Sea.js segue a especificação CMD e modulariza o código JS. O carregamento automático de dependências e a configuração concisa e clara permitem que os programadores se concentrem mais na codificação.
2. Vantagens e Desvantagens
vantagem:
1). Melhorar a capacidade de manutenção.
2).Programação modular.
3). Carregamento dinâmico, otimização de desempenho front-end
deficiência:
1) Os documentos de aprendizagem são esparsos e confusos, o que mudará os hábitos de escrita da equipe no uso de JS, e a programação modular deverá ser usada.
2) Não é adequado para a situação atual da equipe. Existem muitos arquivos JS, mas poucas mudanças. As vantagens do carregamento dinâmico e da modularização não são óbvias.
3). Requer o uso de ferramentas SPM, empacotamento JS e ferramentas de gerenciamento.
2. O que são CMD e AMD?
Definição de Módulo Assíncrono (AMD) é a abreviatura de Definição de Módulo Assíncrono, que é a saída padronizada da definição de módulo durante o processo de promoção do RequireJS.
Common Module Definition (CMD) é a abreviatura de Common Module Definition, que é a saída padronizada da definição do módulo durante o processo de promoção do SeaJS.
RequireJS e SeaJS são representantes de frameworks modulares. AMD e CMD são suas respectivas formas de definir modularidade. Eles são semelhantes, principalmente no estilo de codificação e API.
3. Como usar?
Copie o código da seguinte forma: <script src="../js/examples-master/sea-modules/seajs/seajs/2.1.1/sea.js"></script>
<roteiro>
//Configura o caminho js
seajs.config({
apelido:{
"jquery":"../examples-master/sea-modules/jquery/jquery/1.10.1/jquery.js"
}
});
//Carrega módulo
seajs.use('../js/seajs/init',function($){
$("#test_div").click(function(){alert(1);});
});
</script>
Copie o código do código da seguinte forma:
//init.js
define(função(exigir,exportações,módulo){
var $ = require('jquery');
retornar$;
});