美文网首页
技术细节

技术细节

作者: 西元前__YP | 来源:发表于2017-10-20 14:34 被阅读0次

    1.传统的js加载

    <script src="1.js"></script>
     <script src="2.js"></script>
     <script src="3.js"></script>
     <script src="4.js"></script>
    
    

    在加载过程中,网页会停止渲染,进入等待,同时相互之间存在严格的依赖,如果1.js中要求的资源在3.js中,会导致1.js加载过程出错。依赖性最大的模块一定要放到最后加载,当依赖关系很复杂的时候,代码的编写和维护都会变得困难。

    require.js (CommonJS规范)就是解决这个问题
    require.js的作用:
      (1)实现js文件的异步加载,避免网页失去响应;
      (2)管理模块之间的依赖性,便于代码的编写和维护。

    在使用时,形如 require(./xxx.js)

    文件模块,则是指js文件、json文件或者是.node文件。在引用文件模块的时候后要加上文件的路径:/.../.../xxx.js表示绝对路径、./xxx.js表示相对路径(同一文件夹下的xxx.js),../表示上一级目录。如果既不加/.../、../又不加./的话,则该模块要么是核心模块,要么是从一个node_modules文件夹加载。

    参考 github

    相关文章

      网友评论

          本文标题:技术细节

          本文链接:https://www.haomeiwen.com/subject/iukvuxtx.html