AMD_CMD_模块化规范

2017-09-17  本文已影响0人  Wensx

题目1: 为什么要使用模块化?

1.可以解决命名冲突
2.使代码更易读、易维护
3.解决了文件依赖的问题
4.代码解耦,提高复用性

题目2: CMD、AMD、CommonJS 规范分别指什么?有哪些应用

define(function(require, exports, module) {
  var a = require('./a')
  a.doSomething()
  var b = require('./b')
  b.doSomething()
})

define(id?, dependencies?, factory);

id: 定义中模块的名字,可选;如果没有提供该参数,模块的名字应该默认为模块加载器请求的指定脚本的名字。

依赖dependencies:是一个数组,表示所依赖的模块。

工厂方法factory,是一个回调函数,当前面指定的模块都加载成功后,它将被调用。加载的模块会以参数形式传入该函数,从而在回调函数内部就可以使用这些模块。

// math.js

exports.add = function() {
    var sum = 0, i = 0, args = arguments, l = args.length;
    while (i < l) {
        sum += args[i++];
    }
    return sum;
};
// increment.js

var add = require('math').add;
exports.increment = function(val) {
    return add(val, 1);
};

题目3: 使用 requirejs 完善入门任务15,包括如下功能:

  1. 首屏大图为全屏轮播
  2. 有回到顶部功能
  3. 图片区使用瀑布流布局(图片高度不一),下部有加载更多按钮,点击加载更多会加载更多数据(数据在后端 mock)
    4(可选). 使用 r.js 打包应用

link
github

上一篇 下一篇

猜你喜欢

热点阅读