A medida que las funciones del sitio web se vuelven gradualmente más ricas, las páginas JS en las web se han vuelto cada vez más complejas e infladas. El método original de importar archivos JS a través de etiquetas de script ya no puede cumplir con el modelo actual de desarrollo de Internet. Necesitamos una serie de necesidades complejas, como colaboración en equipo, reutilización de módulos, pruebas unitarias, etc.
RequestJS es un marco de carga del módulo JavaScript muy pequeño y es uno de los mejores implementadores de la especificación AMD. La última versión de RequestJS es solo 14k después de la compresión, que es muy liviana. También puede funcionar en conjunto con otros marcos, y el uso de necesidades de necesidades seguramente mejorará la calidad de su código frontal.
¿Qué beneficios pueden requerir?
Descripción oficial de RequestJS:
RequestJS es un archivo JavaScript y un cargador de módulos. Está optimizado para uso en el navegador, pero se puede usar en otros entornos de JavaScript, como rinocerontes y nodo. El uso de un cargador de script modular como requeríajs mejorará la velocidad y la calidad de su código.
Significado general:
En el navegador, se puede usar como un cargador de módulos para archivos JS, o se puede usar en entornos de nodos y rinocerontes, Balabala ... Este pasaje describe la función básica de la "carga modular" de necesidadjs. ¿Qué es la carga modular? Explicaremos uno por uno de la siguiente página
Primero veamos un escenario común y expliquemos cómo usar requisitos a través de ejemplos
Método de escritura normal
index.html:
<! Doctype html> <html> <head> <script type = "text/javaScript" src = "a.js"> </script> </head> <body> <span> body </span> </body> </html>
A.JS:
function divers1 () {alert ("funciona");} fun1 ();Tal vez prefieres escribir esto
(function () {function divers1 () {alert ("funciona");} fun1 ();}) ()El segundo método utiliza el alcance del bloque para declarar que la función evita que las variables globales contaminantes. La esencia sigue siendo la misma. Al ejecutar los dos ejemplos anteriores, no sé si notó que cuando se ejecuta alerta, el contenido HTML está en blanco, es decir, <span> Body </span> no se muestra, y solo aparece después de hacer clic en la confirmación. Este es el resultado de que JS bloquee la representación del navegador.
Método de escritura de requisito de JS
Por supuesto, en primer lugar, debe ir al sitio web de Requirjs para descargar JS -> Requestjs.rog
index.html:
<! DOCTYPE HTML> <html> <Head> <script type = "text/javaScript" src = "request.js"> </script> <script type = "text/javaScript"> request (["a"]); </script> </head> <body> <span> Body </span> </body> </html>
A.JS:
Define (function () {function divers1 () {alert ("funciona");} fun1 ();})El navegador solicita "Funciona", lo que significa que se ejecuta correctamente, pero hay una pequeña diferencia. Esta vez, el navegador no está en blanco, y el cuerpo ha aparecido en la página. Hasta ahora, podemos saber que requeríajs tiene las siguientes ventajas:
1. Evite que JS se cargue de bloqueo de la página de bloqueo
2. Cargue JS usando llamadas de programa para evitar las siguientes escenas feas
<script type = "text/javaScript" src = "a.js"> </script> <script type = "text/javascript" src = "b.js"> </script> <script type = "text/javascript" src = "c.js"> </script> <script type = "text/javaScript" src = "c.js"> </</script> <script> "script" src = "d.js"> </script> <script type = "text/javascript" src = "e.js"> </script> <script type = "text/javascript" src = "f.js"> </script> <script type = "text/javascript" src = "f.js"> </script> <script 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>
Lo anterior se trata de este artículo. Espero que sea útil para todos comprender la herramienta modular requerida. JS.