美文网首页
前端模块化-3、AMD

前端模块化-3、AMD

作者: Aleph_Zheng | 来源:发表于2017-06-16 21:12 被阅读18次

AMD是"Asynchronous Module Definition"的缩写,意思就是"异步模块定义"。它采用异步方式加载模块,模块的加载不影响它后面语句的运行。所有依赖这个模块的语句,都定义在一个回调函数中,等到加载完成之后,这个回调函数才会运行。
AMD也采用require()语句加载模块,但是不同于CommonJS,它要求两个参数:

require([module], callback);

其中,module表示依赖的模板的地址,用数组表示,模板地址要用引号引起来,地址的baseUrl用根据配置文件requirejs的config来确定。
callback是回调函数,callback里面的参数表示这个依赖的模板。
示例:

define( ['jQuery', 'dialog'], function($, Dialog){
    $('.modal').show();
    Dialog.open();
});

Dialog.open()与'dialog'模块加载不是同步的,浏览器不会发生假死。所以很显然,AMD比较适合浏览器环境。
实现AMD的库有`RequireJS` 、`curl` 、`Dojo` 等。

相关文章

  • 前端模块化

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

  • 前端模块化

    前端模块化标准 AMD: define + require CMD: exports + require ES6:...

  • 前端模块化-3、AMD

    AMD是"Asynchronous Module Definition"的缩写,意思就是"异步模块定义"。它采用异...

  • 前端模块化的发展概述

    前端模块化简单梳理 本篇简介 关于前端模块化的一些知识,如CMD/AMD/Webpack等,之前都进行过专门学习,...

  • es6总结

    1.模块化 /*关于模块化的了解 非模块化有以下缺点: 1.命名冲突 2.文件依赖 前端流行的模块化:AMD re...

  • 白话 AMD原理 异步加载模块

    AMD是什么,require.js又是什么? AMD: 在前端,它是一种当前开发者能使用的模块化Javascrip...

  • 模块化开发

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

  • 前端模块化-AMD

    AMD 代表是 requirejs实现代码:tiny-requirejs 简单实现原理 查找script上的dat...

  • 06Vue的前端工程化

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

  • Seajs使用实例入门介绍

    seajs是啥,可以看看这篇前端模块化(CommonJs,AMD和CMD)点我点我--项目源码地址:https:/...

网友评论

      本文标题:前端模块化-3、AMD

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