美文网首页
前端模块化

前端模块化

作者: Ivy_study | 来源:发表于2019-02-28 15:20 被阅读0次

一、CommonJS 应用:node.js
1,四个环境变量:module,exports,require,global.
2,用module.exports定义当前模块对外输出的接口(不推荐直接用exports)
用require加载模块

module.exports= {
add,
...
}

总结:commonjs用同步的方式加载模块。
在服务端,模块文件都存在本地磁盘,读取非常快,所以不会有问题,但是在浏览器端,限于网络原因,更合理的方案是使用异步加载

二、AMD和require.js
总结:异步方式加载模块
AMD推崇依赖前置、提前执行

三、CMD和sea.js
CMD推崇依赖就近,延迟执行

四、es6 module
浏览器和服务器通用的模块解决方案
模块功能:export 和 import 和 export default
export命令用于规定模块的对外接口
import命令用于输入其他模块提供的功能

export default为模块指定默认输出,对应的import不需要指定加载的变量名和函数名

五、es6模块与commonjs模块的差异
1、commonjs模块输出的是一个值的拷贝,es6模块输出的是值的引用
2、commonjs模块是运行时加载,es6模块是编译时输出接口

相关文章

  • 前端模块化(requirejs)

    前端模块化 什么是前端模块化 将代码依据不同功能,或者职责进行模块的划分,就称为前端模块化 模块化的好处 结构更轻...

  • webpack基础笔记

    webpack基础 1.前端工程化 实际的前端开发: 模块化:(js的模块化,css的模块化,资源的模块化) 组件...

  • 关于前端模块化开发

    关于前端模块化开发 1 前端中有哪些模块化开发的规范以及实现方案 2 模块化的开发的好处 3 CommonJS

  • 前端模块化

    什么是前端模块化? 前端为什么需要模块化? CommonJS、AMD、ES6、CMD区别是什么? 一、什么是模块化...

  • 认识Webpack

    要了解Webpack,首先要知道前端模块化开发的概念 前端模块化 模块化的目的是使代码可以重用,模块化在任何开发中...

  • 前端自动化构建工具,前端工程化,前端模块化,前端组件化

    前端自动化构建,前端工程化,模块化,组件化, 1:前端自动构建工具webpack等,是为了前端的规范化,模块化,提...

  • AMD_CMD_RequireJS

    为什么要使用模块化? 前端模块化开发的价值 参考 最主要的目的: 解决命名冲突 依赖管理 在前端工程潮流下,模块化...

  • 春哥教你前端模块化

    前端模块化 (Require.js) 为什么要用 前端模块化 早期,所有Javascript代码都写在一个文件里面...

  • 【转】JavaScript模块化 --- Commonjs、AM

    随着前端js代码复杂度的提高,JavaScript模块化这个概念便被提出来,前端社区也不断地实现前端模块化,直到e...

  • 前端模块化演化阶段

    随着前端js代码复杂度的提高,JavaScript模块化这个概念便被提出来,前端社区也不断地实现前端模块化,直到e...

网友评论

      本文标题:前端模块化

      本文链接:https://www.haomeiwen.com/subject/veczhftx.html