工作记录📝

[MJingv]

AMD CMD CommonJS UMD

js模块化

• 定义封装的模块
• 定义新模块对其他模块的依赖
• 可对其他模块的引用支持

CommonJS

• CommonJS是服务器端模块的规范，Node.js采用了这个规范
• 根据CommonJS规范，一个单独的文件就是一个模块。加载模块使用require方法，该方法读取一个文件并执行，最后返回文件内部的exports对象
• CommonJS 加载模块是同步的，所以只有加载完成才能执行后面的操作
• 像Node.js主要用于服务器的编程，加载的模块文件一般都已经存在本地硬盘，所以加载起来比较快，不用考虑异步加载的方式，所以CommonJS规范比较适用。但如果是浏览器环境，要从服务器加载模块，这是就必须采用异步模式。所以就有了 AMD CMD 解决方案。

AMD && RequireJS

AMD

• AMD是"Asynchronous Module Definition"的缩写，意思就是"异步模块定义"

• define(id?, dependencies?, factory);

  define("alpha", [ "require", "exports", "beta" ], function( require, exports, beta ){
    export.verb = function(){
        return beta.verb();
        // or:
        return require("beta").verb();
    }
  });
  

  模块加载

  ---

• require([module], callback)

RequireJS

• RequireJS 是一个前端的模块化管理的工具库，遵循AMD规范
• RequireJS是对AMD规范的阐述
• RequireJS 的基本思想为：通过一个函数来将所有所需要的或者说所依赖的模块实现装载进来，然后返回一个新的函数（模块），我们所有的关于新模块的业务代码都在这个函数内部操作，其内部也可无限制的使用已经加载进来的以来的模块
• AMD模式可以用于浏览器环境并且允许异步加载模块，也可以按需动态加载模块

  define(function(require) {
    var m1 = require( 'module1' ),
          m2 = require( 'module2' );
    ...
  });

CMD && SesJS

• 对于依赖的模块AMD是提前执行，CMD是延迟执行。不过RequireJS从2.0开始，也改成可以延迟执行（根据写法不同，处理方式不通过）。
• CMD推崇依赖就近，AMD推崇依赖前置

UMD

• UMD是AMD和CommonJS的糅合,解决跨平台的解决方案
• UMD先判断是否支持Node.js的模块（exports）是否存在，存在则使用Node.js模块模式。 在判断是否支持AMD（define是否存在），存在则使用AMD方式加载模块

[MJingv]

静态资源渲染了解一下

[MJingv]

gitlab CI

• action: .gitlab-ci.yml + runner
• mr/commit => pipeline 流水线
• jobs => stages => pipeline

用 GitLab CI 进行持续集成