本笔记是看b站codewhy老师的视频做的笔记,大家可以一起学习,个人觉得他讲课很好,不光可以听到新知识,还可以复习旧知识,简直美滋滋。视频地址是
为啥要有模块化
不使用模块化,多人开发的时候就会很容易冲突。
现在前端模块化有特定的规范了,例如:CommonJS、AMD、CMD和es6的Modules,
模块化两个核心:导入和导出
CommonJS(了解,手写没什么意义,需要webpack支撑)
导出:
//aaa.js
module.exports = {
flag
}
导入
var aaa = require(./aaa.js);
var flag = aaa.flag;
es6的模块化实现。
-
在index.html中加个type="module",
-
导出的两个方式
- 导出函数和类
-
使用的时候导入就行了