requirejs技术

原创已于 2022-11-13 20:59:20 修改 · 267 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

于 2022-11-13 20:52:06 首次发布

一、【基础】Vue.Js零基础入门知识总结专栏收录该内容

7 篇文章

订阅专栏

RequireJS是一个用于JavaScript模块化的框架，它可以防止页面因加载多个JS文件而阻塞渲染。通过程序调用方式加载JS，避免了大量内联<script>标签。在给定的示例中，a.js通过define()定义并立即执行，展示了一个简单的使用场景。在Vue中，RequireJS可以配合使用，提供模块化的依赖管理。了解require与import的区别有助于更好地理解其在Vue项目中的应用。

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

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

equirejs具有如下优点：

防止js加载阻塞页面渲染
使用程序调用的方式加载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>

运行结果：