前端模块化

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)
    项目地址
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载于作者:linwalker via:http://www.jianshu.com/p/d67bc79976e6...
    猩崽大叔阅读 678评论 0 0
  • 在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到了极大的提升...
    简不简单_都好阅读 235评论 0 0
  • 在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到了极大的提升...
    mhy_web阅读 230评论 0 0
  • 前端模块化 在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到...
    景岳阅读 260评论 2 4
  • 我,本来是一个平平常常的中二病少年,不知怎么了,早上,我起来的时候,世界,就变成了⋯⋯这样! ...
    雷焰阅读 218评论 0 1