![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS模块化
JS模块化相关笔记整理
yoliu
这个作者很懒,什么都没留下…
展开
-
JS模块化——ES6相关笔记
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原创 2020-06-03 17:30:48 · 118 阅读 · 0 评论 -
JS模块化规范——CMD相关笔记
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原创 2020-06-02 22:28:15 · 115 阅读 · 0 评论 -
JS模块化规范——AMD相关笔记
AMD AMD规范时间早于CommonJS浏览器端实现 一、没有模块化规范时 创建项目结构 |-js |-alerter.js |-dataService.js |-test1.html |-app.js 定义模块代码 dataService.js // 定义一个没有依赖的模块 (function (window) { let name = 'dataService.js' function getName() { return name } window.原创 2020-06-02 22:23:55 · 151 阅读 · 0 评论 -
JS模块化规范——CommonJS相关笔记
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原创 2020-06-01 20:43:07 · 175 阅读 · 0 评论 -
JS模块化理解
模块化理解 什么是模块/模块化? 将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起 块的内部数据/实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信 一个模块的组成 数据—>内部的属性 操作数据的行为—>内部的函数 模块化 编码时是按照模块一个一个编码的, 整个项目就是一个模块化的项目 模块化的进化史 全局function模式: module1.js let msg = 'module1' function foo原创 2020-06-01 15:44:01 · 323 阅读 · 0 评论