博客
关于我
简单说下前端中的模块化开发
阅读量:509 次
发布时间:2019-03-07

本文共 503 字,大约阅读时间需要 1 分钟。

模块化主要是用来抽离公共代码,隔离作用域,避免变量冲突等。

  1. IIFE: 适用自执行函数来编写模块化,特点:在一个单独的函数作用域中执行代码,避免变量冲突
(function (){   	return {   		data: []	}})()
  1. AMD: 适用 requireJS 来编写模块化,特点:依赖必须提前声明好
define('./index.js', function(code) {   	// code 就是 index.js 返回的内容})
  1. CMD:使用 seaJS 来编写模块化,特点:支持动态引入依赖文件
define(function (require, exports, module) {   	var indexCode = require('./index.js')})
  1. CommonJS: nodejs 中自带的模块化
var fs = require('fs')
  1. UMD: 兼容AMD,CommonJS模块化语法
  2. ES Modules:ES6 引入的模块化,支持 import 来引入另一个 js
import a from 'a'

公众号:Coder 杂谈,欢迎关注

在这里插入图片描述

转载地址:http://vtbcz.baihongyu.com/

你可能感兴趣的文章
No qualifying bean of type ‘com.netflix.discovery.AbstractDiscoveryClientOptionalArgs<?>‘ available
查看>>
No resource identifier found for attribute 'srcCompat' in package的解决办法
查看>>
no session found for current thread
查看>>
No static resource favicon.ico.
查看>>
no such file or directory AndroidManifest.xml
查看>>
No toolchains found in the NDK toolchains folder for ABI with prefix: mips64el-linux-android
查看>>
NO.23 ZenTaoPHP目录结构
查看>>
no1
查看>>
NO32 网络层次及OSI7层模型--TCP三次握手四次断开--子网划分
查看>>
NOAA(美国海洋和大气管理局)气象数据获取与POI点数据获取
查看>>
NoClassDefFoundError: org/springframework/boot/context/properties/ConfigurationBeanFactoryMetadata
查看>>
node exporter完整版
查看>>
node HelloWorld入门篇
查看>>
Node JS: < 一> 初识Node JS
查看>>
Node JS: < 二> Node JS例子解析
查看>>
Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime(72)
查看>>
Node 裁切图片的方法
查看>>
Node+Express连接mysql实现增删改查
查看>>
node, nvm, npm,pnpm,以前简单的前端环境为什么越来越复杂
查看>>
Node-RED中Button按钮组件和TextInput文字输入组件的使用
查看>>