前端模块化

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

  • 随着前端的功能日益增加,代码越来越多,使得我们管理起代码来越来越难,模块化可以让我们更加简单的管理我们的代码。

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

  • CommonJS

    • 一个文件就是一个单独的模块,模块只有一个出口,这个出口给出外界能够使用的所有接口。
    • nodejs
  • AMD

    • 一个功能就是一个单独的模块,给出调用功能的借口
    • require.jscurlDojo
    • 要先把需要的模块放进方括号的里面
    define([
        'Jquery',
        'index'
        ],function($,index){
            //...
        })
    
  • CMD

    • 一个模块就是一个文件,用define关键字定义一个模块,这是一个函数。
    • seajs
    • 每次想要调用其他模块的时候在写到现在编写的模块中
    define(function(require,exports,modules){
        var $ = require('Jquery')
        //...
    })
    

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

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

你可能感兴趣的:(前端模块化)