seaJS模块化开发
来源:互联网 发布:威海孙小乔淘宝店 编辑:程序博客网 时间:2024/06/05 05:51
Sea.js 模块化开发
网站复杂开发问题:冲突、依赖、性能等问题
解决方案:seaJs ,提高代码可维护性(模块化开发)
网址:seajs.org 引入库:
SeaJS简介
SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。 与jQuery等JavaScript框架不同,SeaJS不会扩展封装语言特性,而只是实现JavaScript的模块化开发。
SeaJS使用方法
1、引入sea.js源码 <script src="sea.js"></script>
2、seajs模块定义:define
require:请求外部文件;
explorers:相当于interface接口便于外部调用;
module是当前模块的信息
这里只是定义了一个模块(module.js),内部函数相当于一个闭包
define(function(require,explorts,module){ var name="charles"; function foo(){ //模块中声明了一个foo函数 alert("hello world") }})
3、seajs模块向外部模块提供接口:explorers
define(function(require,explorts,module){ var name="charles"; function foo(){ //模块中声明了一个foo函数 alert("hello world") } explorts.name=name; //对外提供的接口 explorts.foo=foo; //对外提供的接口})
4、seajs模块引用外部模块:seajs.use(url,callback)
url:外部模块的url必选,为相对目录‘./’;callback:回调函数可选
seajs.ues("./js/module.js",function(explorts){ explorts.foo();})
5、seajs模块依赖:require ,md2.js和md3.js之间的依赖
require在define中直接添加;
返回值:是一个explorers对象,因此可以在其后面直接使用模块中的方法
require(‘../js/tool.js’).foo();
0 0
- seajs模块化开发初探
- seaJs-模块化开发框架
- 模块化开发一 seajs
- SeaJs模块化开发
- seaJS模块化开发
- 模块化开发之seajs
- JavaScript模块化开发之SeaJS
- SeaJS模块化开发-基础篇
- SeaJS模块化开发-实战篇
- SeaJS实现模块化JavaScript开发
- Seajs 基础----使用SeaJS实现模块化JavaScript开发
- 使用SeaJS实现模块化JavaScript开发
- 使用SeaJS实现模块化JavaScript开发
- JavaScript模块化开发库之SeaJS
- 使用SeaJS实现模块化JavaScript开发
- 使用SeaJS实现模块化JavaScript开发
- 使用SeaJS实现模块化JavaScript开发
- 使用SeaJS实现模块化JavaScript开发
- java框架--Spring入门
- 【zabbix教程九】——zabbix3.0 批量添加端口监控
- 缩略词汇整理
- postgresql中如何新增加一个SysCache
- Integer.decode()和Intger.valueof()
- seaJS模块化开发
- leetcode-22-Generate Parentheses
- Thymeleaf 错误 以及thymeleafMVC配置,前端代码例子
- Visual Studio 2015 WPF增强:调试查看UI布局,Xaml修改tag更智能
- android:获取手机号码和姓名实现通讯录
- 《深度探索C++对象模型》第二章 构造函数语意学
- Threes.js入门篇之2
- this指针
- iOS 环信集成问题(连文档都不说明的坑。。)