美文网首页
前端模块化

前端模块化

作者: 蛋黄肉 | 来源:发表于2017-09-25 21:57 被阅读15次

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)
    项目地址

相关文章

  • 前端模块化(requirejs)

    前端模块化 什么是前端模块化 将代码依据不同功能,或者职责进行模块的划分,就称为前端模块化 模块化的好处 结构更轻...

  • webpack基础笔记

    webpack基础 1.前端工程化 实际的前端开发: 模块化:(js的模块化,css的模块化,资源的模块化) 组件...

  • 关于前端模块化开发

    关于前端模块化开发 1 前端中有哪些模块化开发的规范以及实现方案 2 模块化的开发的好处 3 CommonJS

  • 前端模块化

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

  • 认识Webpack

    要了解Webpack,首先要知道前端模块化开发的概念 前端模块化 模块化的目的是使代码可以重用,模块化在任何开发中...

  • 前端自动化构建工具,前端工程化,前端模块化,前端组件化

    前端自动化构建,前端工程化,模块化,组件化, 1:前端自动构建工具webpack等,是为了前端的规范化,模块化,提...

  • AMD_CMD_RequireJS

    为什么要使用模块化? 前端模块化开发的价值 参考 最主要的目的: 解决命名冲突 依赖管理 在前端工程潮流下,模块化...

  • 春哥教你前端模块化

    前端模块化 (Require.js) 为什么要用 前端模块化 早期,所有Javascript代码都写在一个文件里面...

  • 【转】JavaScript模块化 --- Commonjs、AM

    随着前端js代码复杂度的提高,JavaScript模块化这个概念便被提出来,前端社区也不断地实现前端模块化,直到e...

  • 前端模块化演化阶段

    随着前端js代码复杂度的提高,JavaScript模块化这个概念便被提出来,前端社区也不断地实现前端模块化,直到e...

网友评论

      本文标题:前端模块化

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