美文网首页
前端之cmd模块化规范

前端之cmd模块化规范

作者: web前端_潘哥哥 | 来源:发表于2022-01-05 19:18 被阅读0次

cmd,全称(Common Module Definition)公共模块定义规范

sea.js 实现了此规范

引入:

再html代码中,直接引入sea.js,然后,在另一块js代码中,使用sea中提供得seajs
调用use方法,传入入口文件路径,如seajs.use('./index')

<script src="./sea.js"></script>
<script>
    seajs.use('./index')
</script>

使用:

和amd规范一样,都是使用define函数,不同的是,传入得一般是一个函数,该函数接收三个参数,分别是require,exports,module。这里就跟我上一篇amd规范得最后一样了。其实,require.js最开始是没有这种使用方法的,后来看cmd的这种方法好用,就也实现了cmd规范。
不过要注意的是,这种方法使用起来,跟commonjs是差不多的,只不过多套了一个函数而已,但是这也造成了一种结果,就是require导入模块是同步的,所以如果需要异步导入,sea.js中提供了require.async(模块路径, function () {})

define(function (require, exports, module) {
  const a = require('a')
  const b = require.async('b', function (b) {
      console.log(b)
  })
})

最后再提一嘴,和amd不同的是,cmd在加载模块之后,会把相应的script元素删除掉,将该模块导出的结果缓存在内存中,而amd则不会删除相应的script元素。

相关文章

  • 06Vue的前端工程化

    Vue的前端工程化 一 模块化规范 1.1模块化规范举例 浏览器端JS模块化规范:AMD,CMD 服务器端JS模块...

  • 前端之cmd模块化规范

    cmd,全称(Common Module Definition)公共模块定义规范 sea.js 实现了此规范 引入...

  • 模块化开发

    前端JS模块化开发有两大规范AMD合CMD,下面以我的理解来简单总结一下模块化开发的思想 ,以及js前端常用的AM...

  • 模块化之CommonJs、AMD、CMD

    介绍 随着前端业务得复杂程度越来越高,模块化成了大趋势,目前有这么几种模块化得规范,AMD,CMD,CommonJ...

  • 前端模块化:ES6,CommonJS

    前端模块化 共有四种规范 ES6 Module CommonJS AMD CMD ES6 Module ES6模块...

  • js模块化

    首先梳理一下模块化的发展情况~ 无模块化-->CommonJS规范-->AMD规范-->CMD规范-->ES6模块...

  • 前端知识体系4.前端工程化2.其它

    本文目录 1.es6的模块管理 与 commonjs 的对比 2.简单介绍下前端模块化规范:amd,cmd,com...

  • js模块化

    js的模块化大致分为4种规范 amd cmd commonjs 和es6模块化 1.amd规范 amd规范又叫异步...

  • 前端模块化-1、介绍

    本文主要从模块化的产生背景及对前端模块的简单介绍,作为CommonJS,AMD,CMD等规范的引言。更重要的是,作...

  • 前端模块化

    什么是前端模块化? 前端为什么需要模块化? CommonJS、AMD、ES6、CMD区别是什么? 一、什么是模块化...

网友评论

      本文标题:前端之cmd模块化规范

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