require.js理解

前言

实习过程学习了require.js的相关内容,也在网上查阅了一部分资料,相比于其他框架,require.js更为简单易学,也更容易使用。
下面我就简单介绍我所认识的require.js,希望大家能够多多指教!


Require.js的优缺点

优点:

  1. 正如我前面所提到的,require.js框架相对较小而且相对简单
  2. 使代码模块化
  3. 异步加载js文件,防止请求阻塞

代码模块化能够使代码称为一个个相对独立的模块,在创建、修改、引用模块化的时候更加方便,不需要在很多个页面修改。
而异步加载文件能够保证前面的文件加载完成之后再进行模块里的代码,这在之后的示例中也将说明。

缺点:

这缺点是我自己总结的,是我在阅读代码的时候切身体会,就是:
模块化太复杂的时候,可能要翻找很多文件才能理解代码的作用。

引用模块

首先是需要下载require.js文件。然后应用代码如下:


<html>
<head>
    <meta charset="utf-8">
    <style type="text/css">
    style>
    <script type="text/javascript" src="require.js">script>
head>
<body>
    <script type="text/javascript">
    require(["abc"]);
    script>
body>
html>

上述代码中,前面引入了外部文件require.js文件,然后再书写JavaScript语句require(["abc"]);,该代码是引用模块文件abc.js文件,其中该文件的代码如下:

(function abc(){
    alert("aaa");           //弹出框提示“aaa”
})();

以下代码可以只引入单个js,代码如下:


<html>
<head>
    <meta charset="utf-8">
    <style type="text/css">
    div{
        width: 200px;
        height: 200px;
        background-color: #824FDF;
    }
    style>
head>
<body>
    <div>aaadiv>
    <script data-main="main" src="require.js">script>
body>
html>

上述代码只引入了一个js文件,但是

你可能感兴趣的:(JavaScript,模块化,异步,javascript,框架)