yoliu的博客

ES6一、规范1.1 说明http://es6.ruanyifeng.com/#docs/module依赖模块需要编译打包处理1.2 语法导出模块: export引入模块: import二、实现使用Babel将ES6编译为ES5代码使用Browserify编译打包js三、ES6-Babel-Browserify使用教程定义package.json文件npm init -y 安装babel-cli, babel-preset-es2015和browserify

CMD（相对于其他三个，在市面上应用不多，作了解即可）一、规范1.1 说明Common Module Definition(通用模块定义)https://github.com/seajs/seajs/issues/242专门用于浏览器端, 模块的加载是异步的模块使用时才会加载执行1.2 基本语法定义暴露模块//定义没有依赖的模块define(function(require, exports, module){ exports.xxx = value module.expor

AMDAMD规范时间早于CommonJS浏览器端实现一、没有模块化规范时创建项目结构|-js |-alerter.js |-dataService.js |-test1.html|-app.js定义模块代码dataService.js// 定义一个没有依赖的模块(function (window) { let name = 'dataService.js' function getName() { return name } window.

CommonJS_Node模块化下载安装node.js创建项目结构|-modules |-module1.js |-module2.js |-module3.js|-app.js|-package.json { "name": "commonJS-node", "version": "1.0.0" }其中package.json文件通过命令行工具进入所在根目录，再输入命令npm init -y创建(-y指快速生成)下载第三方模块npm i

模块化理解什么是模块/模块化？将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起块的内部数据/实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信一个模块的组成数据—>内部的属性操作数据的行为—>内部的函数模块化编码时是按照模块一个一个编码的, 整个项目就是一个模块化的项目模块化的进化史全局function模式：module1.jslet msg = 'module1' function foo