requirejs技术

谈到requirejs技术,在很多的JS框架中或多或少的都有requirejs技术的身影。

RequireJS是一个非常小巧的JavaScript模块载入框架。本质是一个JS文件。

equirejs具有如下优点:

  1. 防止js加载阻塞页面渲染
  2. 使用程序调用的方式加载js,防出现大量的<script type="text/javascript" src="XXX.js"></script>场景。
<script type="text/javascript" src="a1.js"></script>
<script type="text/javascript" src="a2.js"></script>
<script type="text/javascript" src="a3.js"></script>
<script type="text/javascript" src="a4.js"></script>
<script type="text/javascript" src="a5.js"></script> 

  上demo:

 a.js文件:

define(function(){
    function fun1(){
      alert("hello,it works");
    } 
    fun1();
})

index.html文件:

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="https://requirejs.org/docs/release/2.3.6/comments/require.js"></script>
        <script type="text/javascript">
            require(["a"]);
        </script>
    </head>
    <body>
      <span>hello</span>
    </body>
</html>

运行结果:

在Vue中,Requre的使用方法,见 vue之require与import之间的区别 - 蔡香满屋 - 博客园

猜你喜欢

转载自blog.csdn.net/yong550517063/article/details/127836268