requireJS的初步掌握

時間 2019-12-13

標籤 requirejs 初步掌握欄目 JavaScript 简体版

原文原文鏈接

前一段時間，由於一些事吧這個習慣落下了，如今爭取從新撿起來。javascript

最近開始自學requireJS,爲了更好的掌握，因此寫出一個自我理解的博客供參考。html

分割線-------------------------java

首先，學習requireJS，要知道什麼是requireJS.node

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很好的解決了這個問題，（在以後的講述中會講到解決方式）async

第二。相信你們應該也遇到過JS阻塞瀏覽器渲染這個問題。模塊化

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