一、前端模块化的价值
- 解决命名冲突
- 摆脱文件依赖
- 性能优化
- 提高可维护性
- seajs.use方法调用
通过exports暴露接口
通过require引入依赖
二、Sea.js 的常用 API
-
seajs.config
base string Sea.js 在解析顶级标识时,会相对
base
路径来解析 -
seajs.use
用来在页面中加载模块
-
require
是一个方法,接受 模块标识 作为唯一参数,用来获取其他模块提供的接口
require
的参数值 必须 是字符串直接量 -
require.async
require.async
方法用来在模块内部异步加载模块,并在加载完成后执行指定回调。callback
参数可选 -
exports
exports
是一个对象,用来向外提供模块接口可以直接将方法赋给接口,也可以将其添加到对象里面赋给接口
三、模块
- 系统
构建:a. 定义系统成员 b. 约定系统通讯 - 模块
a. js代码,统一固定的格式 b. 通过基本交互规则,能彼此引用协同工作 - 模块标识
相对标识:相对标识以.
开头,只出现在模块环境中(define
的factory
方法里面)。
顶级标识:顶级标识不以点(.
)或斜线(/
)开始, 会相对模块系统的基础路径(即 Sea.js 的base
路径)来解析
四、 使用步骤
- 引入sea.js文件(方法与引用jQuery相同)
- 配置信息
在<script>中,方式与写jQuery代码相同
配置sea.js的基础路径 及加载模块 - 写基础模块
- 写引用模块(main)
时间: 2024-10-10 06:42:14