requireJS的初步掌握

Posted 2020-08-29 墨韵明空

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了requireJS的初步掌握相关的知识，希望对你有一定的参考价值。

前一段时间，因为一些事吧这个习惯落下了，现在争取重新捡起来。

最近开始自学requireJS,为了更好的掌握，所以写出一个自我理解的博客供参考。

分割线-------------------------

首先，学习requireJS，要知道什么是requireJS.

requireJS是一个可在js和node环境下运行的一个非常小巧的一个AMD规范下的js模块载入框架，通俗的理解为模块加载器。

相信开始学习requireJS的一定对JS代码的模块化有一个初步的了解了。而requireJS主要解决了两大问题

第一。在传统的模块化封装中一定对那难堪入目的引入方式和引入的先后顺序有很大的排斥和烦恼。

<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="d.js"></script>
<script type="text/javascript" src="e.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>

而requireJS很好的解决了这个问题，（在之后的讲述中会讲到解决方式）

第二。相信大家应该也遇到过JS阻塞浏览器渲染这个问题。

<!DOCTYPE html>
<html>
    <head>
          <title></title>
    </head>
    <body>
      <span>hello world</span>
      <script type="text/javascript">
            alert(‘1‘);
       </script> 
    </body>
</html>