模块化
Serena_tz
write less,do better️️️
展开
-
javascript模块化
什么是模块? 将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起 块的内部数据/实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信 一个模块的组成 数据—>内部的属性 操作数据的行为—>内部的函数 模块化 编码时是按照模块一个一个编码的, 整个项目就是一个模块化的项目 模块化的进化过程 全局function模式 : 编码: 全局变量/函数 问题: 污染全局命名空间, 容易引起命名冲突/数据不安全 namespace..原创 2021-04-29 08:42:20 · 80 阅读 · 0 评论 -
ES6-Babel-Browserify模块化
定义package.json文件 { "name" : "es6-babel-browserify", "version" : "1.0.0" } 安装babel-cli, babel-preset-es2015和browserify npm install babel-cli browserify -g npm install babel-preset-es2015 --save-dev 定义.babelrc文件 { "presets": ["es2015"] } 编码.原创 2021-04-29 08:42:30 · 88 阅读 · 0 评论 -
CMD-SeaJS模块化
下载sea.js, 并引入 官网: http://seajs.org/ github : https://github.com/seajs/seajs 将sea.js导入项目: js/libs/sea.js 创建项目结构 |-js |-libs |-sea.js |-modules |-module1.js |-module2.js |-module3.js |-module4.js |-main.js |-index.html 定义sea.js的模块代码 mo.原创 2021-04-29 08:42:47 · 101 阅读 · 0 评论 -
CommonJS_Node模块化
下载安装node.js 创建项目结构 |-modules |-module1.js |-module2.js |-module3.js |-app.js |-package.json { "name": "commonJS-node", "version": "1.0.0" } 下载第三方模块 npm install uniq --save 模块化编码 module1.js module.exports = { foo() { console.log('moudle.原创 2021-04-28 16:08:12 · 72 阅读 · 0 评论