
模块化
爱代码的小海
这个作者很懒,什么都没留下…
展开
-
模块化实现方式之ES6
ES6模块化 - import 和 export一、基本语法导出模块导入模块实例代码二、实现(浏览器端)安装babel相关的内容配置.babelrc文件编译使用import的js文件ES6模块化 - import 和 export依赖模块需要编译打包处理 兼容不支持ES6的浏览器使用babel将ES6转换成ES5以后,还需要使用browserify编译,浏览器不识别require语法一、基本语法导出模块export导出形如:export le..原创 2021-01-21 10:01:41 · 350 阅读 · 1 评论 -
模块化实现方式之CMD
定义暴露模块定义没有依赖的模块定义有依赖的模块同步引入异步引入引入使用模块CMD模块化 - seajs模块加载时才会加载执行<script type="text/javascript" src="./js/libs/sea.js"></script><script type="text/javascript"> seajs.use("./js/modules/main.js")</script>定义暴露模..原创 2021-01-21 10:00:42 · 368 阅读 · 1 评论 -
模块化实现方式之AMD
AMD模块化 - requirejs一、定义暴露模块二、引入使用模块基本语法配置项 requirejs.config()AMD模块化 - requirejs专门用于浏览器端 模块的加载是异步的和commonjs浏览器使用一致 都需要进行编译才能运行一、定义暴露模块定义没有依赖的模块define(function(){ // xxx returun xxx})定义有依赖的模块/* module1 和 module2 是requirej..原创 2021-01-21 09:59:24 · 540 阅读 · 0 评论 -
模块化实现方式之CommonJS
CommonJS模块 - module.exports/exports 和 require一、基本语法暴露模块引入模块二、模块化实现服务器端实现浏览器端实现CommonJS模块 - module.exports/exports 和 require每个js文件都可以当做一个模块在服务器端(node):模块的加载是运行时同步加载的在浏览器端:模块的加载需要提前编译打包处理 (browserify)一、基本语法暴露模块/* 暴露的模块的本质是`exports..原创 2021-01-21 09:58:40 · 176 阅读 · 0 评论 -
模块化的基本知识-发展过程
模块化的基本介绍一、模块化的概念二、模块化的演变过程1. 全局定义函数、变量2. NameSpace模块 - 简单对象封装3. 匿名闭包函数 IFFE模式4. 模块模式(引入依赖)三、模块化的好处模块化的基本介绍一、模块化的概念将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起;模块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信。二、模块化的演变过程1. 全局定义函数、变量全局函数模式 将不同..原创 2021-01-21 09:57:27 · 264 阅读 · 0 评论