模块化
Serena_tz
write less,do better️️️
展开
-
javascript模块化
什么是模块?将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起块的内部数据/实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信一个模块的组成数据—>内部的属性操作数据的行为—>内部的函数模块化编码时是按照模块一个一个编码的, 整个项目就是一个模块化的项目模块化的进化过程全局function模式 :编码: 全局变量/函数问题: 污染全局命名空间, 容易引起命名冲突/数据不安全namespace..原创 2021-04-29 08:42:20 · 91 阅读 · 0 评论 -
ES6-Babel-Browserify模块化
定义package.json文件{"name" : "es6-babel-browserify","version" : "1.0.0"}安装babel-cli, babel-preset-es2015和browserifynpm install babel-cli browserify -gnpm install babel-preset-es2015 --save-dev定义.babelrc文件{ "presets": ["es2015"] }编码.原创 2021-04-29 08:42:30 · 102 阅读 · 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 · 113 阅读 · 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.jsmodule.exports = { foo() { console.log('moudle.原创 2021-04-28 16:08:12 · 79 阅读 · 0 评论