前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JS模块加载框架 SeaJS

JS模块加载框架 SeaJS

作者头像
dys
发布2018-04-02 17:13:15
6K0
发布2018-04-02 17:13:15
举报
文章被收录于专栏:性能与架构性能与架构

SeaJS是一个遵循CMD规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制,兼容所有主流浏览器 SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载,让开发可以专注于代码本身的逻辑 上手示例

html中加载初始化模块init.js,init 中调用 module1 模块,同时 module1 模块调用 module2 模块

模块的定义 SeaJS中使用“define”函数定义一个模块 define(id?, deps?, factory) id : 模块标识(选填),不填时,id会被默认赋值为此js文件的绝对路径 deps : 是模块依赖(选填) factory : 模块定义方法(必填) 例如 define('hello', ['jquery'], function(require, exports, module) { // 模块代码 }); 工厂函数factory 工厂函数是模块的主体和重点,他有三个参数: 1)require 模块加载函数,用于记载依赖模块 2)exports 接口点,将数据或方法定义在其上则将其暴露给外部调用 3)module 模块的元数据,存储了模块的元信息(module.id 模块的ID、module.dependencies 此模块依赖的所有模块的ID列表、module.exports 与exports指向同一个对象) 模块的寻址 (1)绝对地址——给出js文件的绝对路径 require("http://example/js/a"); (2)相对地址——用载入函数所在js文件的相对地址寻找模块 例如有 js/a.js,js/m/b.js 在b.js中调用上级级目录下的a模块 require("../a"); (3)基址地址——如果载入字符串既不是绝对路径也不是以”./”开头的相对位置,则相对SeaJS全局配置中的“base”来寻址

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2015-09-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 JAVA高性能架构 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档