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

你可能感兴趣的文章
neuroph轻量级神经网络框架
查看>>
Neutron系列 : Neutron OVS OpenFlow 流表 和 L2 Population(7)
查看>>
new Blob()实现不同类型的文件下载功能
查看>>
New Concept English three (35)
查看>>
NEW DATE()之参数传递
查看>>
New Journey--工作五年所思所感小记
查看>>
new Queue(REGISTER_DELAY_QUEUE, true, false, false, params)
查看>>
New Relic——手机应用app开发达人的福利立即就到啦!
查看>>
new work
查看>>
new 一个button 然后dispose,最后这个button是null吗???
查看>>
NewspaceGPT的故事续写能力太强了
查看>>
NewspaceGPT绘制时序图
查看>>
NewspaceGPT绘制类图
查看>>
new一个对象的过程
查看>>
new和delete用法小结
查看>>
new对象时,JVM内部究竟藏了什么小秘密?
查看>>
new操作符的实现原理
查看>>
Next.js React Server Components 教程
查看>>
NextGen Mirth Connect XStream反序列化远程代码执行漏洞(CVE-2023-43208)
查看>>
next项目部署到服务器pm2进程守护
查看>>