À medida que o site funciona gradualmente mais rico, o JS nas páginas da web se tornou cada vez mais complexo e inchado. O método original de importar arquivos JS por meio de tags de script não pode mais atender ao atual modelo de desenvolvimento da Internet. Precisamos de uma série de necessidades complexas, como colaboração em equipe, reutilização de módulos, testes de unidade, etc.
O requestJS é uma estrutura de carregamento do módulo JavaScript muito pequena e é um dos melhores implementadores da especificação da AMD. A versão mais recente do requerjs é apenas 14k após a compactação, o que é muito leve. Ele também pode funcionar em conjunto com outras estruturas, e o uso de requisitos certamente melhorará a qualidade do seu código front-end.
Quais benefícios podem exigir quejs trazer
Descrição Oficial de requerjs:
Requerjs é um arquivo JavaScript e carregador de módulos. Ele é otimizado para uso em navegador, mas pode ser usado em outros ambientes JavaScript, como rinoceronte e nó. O uso de um carregador de script modular como o requerjs melhorará a velocidade e a qualidade do seu código.
Significado geral:
No navegador, ele pode ser usado como um carregador de módulos para arquivos JS, ou pode ser usado em ambientes de nó e rinoceronte, Balabala ... Esta passagem descreve a função básica dos requisitos "carregamento modular". O que é carregamento modular? Vamos explicar um por um da página seguinte
Vamos primeiro olhar para um cenário comum e explicar como usar requerjs através de exemplos
Método de escrita normal
index.html:
<! Docttype html> <html> <head> <script type = "text/javascript" src = "a.js"> </sCript> </head> <body> <body> corpo </span> </body> </html>
A.JS:
function fun1 () {alert ("It funciona");} fun1 ();Talvez você prefira escrever isso
(function () {function fun1 () {alert ("its funciona");} fun1 ();}) () () () ()O segundo método usa o escopo do bloco para declarar que a função impede variáveis globais poluentes. A essência ainda é a mesma. Ao executar os dois exemplos acima, não sei se você percebeu que, quando o alerta é executado, o conteúdo HTML está em branco, ou seja, o corpo </span> não é exibido e só aparece após clicar em confirmação. Este é o resultado de JS bloquear a renderização do navegador.
Requerjs Método de escrita
Obviamente, antes de tudo, você precisa ir ao site do requisito para baixar JS -> requerjs.rog
index.html:
<! Doctype html> <html> <head> <script type = "text/javascript" src = "requir.js"> </script> <script type = "text/javascript"> requer (["a"]); </script> </ad Head> <body> <pan> Body </span> </body> </html>
A.JS:
define (function () {function fun1 () {alert ("its funciona");} fun1 ();})O navegador solicita "It funciona", o que significa que é executado corretamente, mas há uma pequena diferença. Desta vez, o navegador não está em branco e o corpo apareceu na página. Até agora, podemos saber que o requerjs tem as seguintes vantagens:
1. Evite o carregamento de JS de bloquear a renderização da página
2. Carregue JS usando chamadas de programa para evitar as seguintes cenas feias
<script type = "text/javascript" src = "a.js"> </script> <script type = "text/javascript" src = "b.js"> </script> <script type = "text/javasscript" src = "c.js"> </script> <script <script = "text/javascript" "script" script/"javScript" src = "c.js"> </script> <script <script = "text/javScript" "script" e ">" type = "text/javascript" src = "d.js"> </script> <script type = "text/javascript" src = "e.js"> </script> <script type = "text/javascript" src = "f.js"> </script> <script type = "text/javscript" type="text/javascript" src="g.js"></script><script type="text/javascript" src="h.js"></script><script type="text/javascript" src="i.js"></script><script type="text/javascript" src="j.js"></script>
O acima é tudo sobre este artigo. Espero que seja útil para que todos entendam a ferramenta modular necessária.js.