博客
关于我
简单说下前端中的模块化开发
阅读量: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/

你可能感兴趣的文章
nmap使用实战(附nmap安装包)
查看>>
Nmap哪些想不到的姿势
查看>>
Nmap扫描教程之Nmap基础知识
查看>>
nmap指纹识别要点以及又快又准之方法
查看>>
Nmap渗透测试指南之指纹识别与探测、伺机而动
查看>>
Nmap端口扫描工具Windows安装和命令大全(非常详细)零基础入门到精通,收藏这篇就够了
查看>>
NMAP网络扫描工具的安装与使用
查看>>
NMF(非负矩阵分解)
查看>>
nmon_x86_64_centos7工具如何使用
查看>>
NN&DL4.1 Deep L-layer neural network简介
查看>>
NN&DL4.3 Getting your matrix dimensions right
查看>>
NN&DL4.7 Parameters vs Hyperparameters
查看>>
NN&DL4.8 What does this have to do with the brain?
查看>>
nnU-Net 终极指南
查看>>
No 'Access-Control-Allow-Origin' header is present on the requested resource.
查看>>
No 'Access-Control-Allow-Origin' header is present on the requested resource.
查看>>
NO 157 去掉禅道访问地址中的zentao
查看>>
no available service ‘default‘ found, please make sure registry config corre seata
查看>>
No compiler is provided in this environment. Perhaps you are running on a JRE rather than a JDK?
查看>>
no connection could be made because the target machine actively refused it.问题解决
查看>>