`
dadadada2x
  • 浏览: 9658 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

seajs实现js模块化,功能是提供一组工具供前台开发调用(jquery)

 
阅读更多
define(function(require, exports, module) {
	var $ =  require('jquery');
	var menu = require('menu');
	var tab = require('tab');
	var util = require('util');
	var container = require('container');	
	var content = require('content');
	var history = require('history');
	var alert = require('alert');
        var sound = require('sound');
	var dialog =  require('dialog');
	exports.ui = {
		dialogKey: 0,
		dialogs: {},
                sounds:{},
	 	init:function(){
	 		new menu($('.menu'),$('.menu_2'));
		},
		error:function(title,infor,timeout){
			var _a=new alert(title,infor,timeout);
			_a.oError();
			return _a;
		},
		warning:function(title,infor,timeout){
			var _a=new alert(title,infor,timeout);
			_a.oWarn();
			return _a;
		},
		success:function(title,infor,timeout){
			var _a=new alert(title,infor,timeout);
			_a.init();
			return _a;
		},
		alert:function(title,infor,timeout){
			var _a=new alert(title,infor,timeout);
			_a.init();
			return _a;
		},
		dialog:function(name,title,options){
			var dialogK = new dialog(name,title,options);
			this.dialogs[name] = dialogK;

		},
		getDialog:function(domId) {
			for(var i in this.dialogs){
				if(this.dialogs[i].domId ==domId){
					return this.dialogs[i];
				}
			}
		},
		container:function(options,id){
			history.add(id);
			if(history.getifsuccess()){
			   new container(options).init();
			}else{
				new container(options).open();
			}
		},
                sound:function(src,path){
                    new sound(src,path).say();
                },
		history:function(){
			return history.gethistoryjson();
		}
	}
});

//单个类实现
define(function(require,exports,module){
/*alert*/
var $ = require('jquery');
module.exports = Alert;
	function Alert(title,infor,timeout){
		timeout=timeout||3000;
		this.title = title || '';
		this.infor = infor || '';
		this.id="alert_"+(new Date()).getTime();
		this.obj = $('<div class="oAlert" id="'+this.id+'"><div class="clear oAlert_title"><h5>'+ this.title +'</h5><em ></em></div><p class="oAlert_infor" >'+ this.infor +'</p></div>');
		setTimeout("$('#"+this.id+" em').click();",timeout);
	}
	Alert.prototype.init = function(){
		var _this = this;	
		$('.body').append(_this.obj);
		binding(this.id);
	}
	Alert.prototype.close = function(){
		this.obj.find("em").click();
	}
})


//调用方法
$F.ui.dialog("purchase","添加内容",{url:'/purchases/add',onclose:function(data){
   //生成提示条
   $F.ui.alert("操作提示",data.message);
});
分享到:
评论

相关推荐

    SeaJS(Javascript 模块加载框架) v1.0.2

    总之,SeaJS 提供了一种遵循CommonJS标准的前端模块化解决方案,有助于解决JavaScript代码的组织和管理问题,提高代码质量和开发效率。通过其灵活的配置和丰富的插件生态系统,开发者可以更好地应对复杂前端项目的...

    jquery配合seajs框架实现返回顶部特效.zip

    综上所述,"jquery配合seajs框架实现返回顶部特效"项目展示了如何将传统的 jQuery 动画和事件处理能力与现代的前端模块化工具 SeaJS 结合,以创建一个既实用又具有良好用户体验的功能。同时,它也涉及到 CSS 和 ...

    把jQuery的类、插件封装成seajs的模块的方法

    在JavaScript的世界里,Seajs是一个流行的模块加载器,它遵循CommonJS规范,使得代码组织更加模块化。然而,jQuery作为一个广泛使用的库,它的类和插件通常不是为模块化设计的。本文将介绍如何将jQuery及其相关的类...

    模块化的js.pdf

    本文将根据“模块化的js.pdf”文档内容,深入探讨模块化的JavaScript,包括其开发之痛、模块化简介、实现原理以及具体案例分析。 一.JavaScript开发之痛 在传统的JavaScript开发中,开发者常常面临两个主要问题:...

    Seajs是什么及sea.js 由来,特点以及优势

    Seajs 是一个基于浏览器的 JavaScript 模块加载框架,它旨在简化 Web 应用程序的模块化开发。Seajs 遵循 Common Module Definition (CMD) 规范,该规范是由 SeaJS 社区推广的一种模块化编程方式。CMD 的核心思想是...

    SeaJS入门教程系列之SeaJS介绍(一)

    总结来说,SeaJS为JavaScript开发提供了一种模块化、高效且易于管理的方式。它通过遵循CommonJS规范,简化了模块加载过程,解决了传统JavaScript开发模式中常见的依赖管理问题,使得代码结构更加清晰,开发效率得到...

    jQuery遮罩Loading加载特效.zip

    RequireJS和Sea.js是两种JavaScript模块化加载器,它们帮助开发者管理和组织JavaScript代码,实现异步加载。在这些文件中,jQuery库和自定义的jQuery插件可能会通过这些模块管理器进行加载。RequireJS使用AMD...

    javascript模块化是什么及其优缺点介绍

    JavaScript模块化是现代Web开发中不可或缺的一部分,随着前端技术的快速发展,如Backbone、Ember.js、Spine.js和Batman.js等MVC框架以及CommonJS、AMD、Node.js、RequireJS、SeaJS和curljs等模块化解决方案的普及,...

    seajs中模块依赖的加载处理实例分析

    了解了上述知识点,我们能够更加高效地在项目中使用SeaJS来管理JavaScript代码的模块化和依赖,实现更优雅的代码结构和更高的性能表现。同时,对URI、URL和URN的理解也会帮助我们在开发中准确使用这些资源标识符。

    基于RequireJS和JQuery的模块化编程日常问题解析

    RequireJS和JQuery都是JavaScript的模块化加载器和库,它们极大地简化了模块化编程的实现。 RequireJS是一种遵循AMD(异步模块定义)规范的模块加载器,它允许你在JavaScript中以异步的方式加载模块,从而不会阻塞...

    sea.js常用的api简易文档

    Sea.js 是一款轻量级的前端模块加载器,它遵循 CommonJS 规范,使得 JavaScript 可以实现模块化开发。以下是一些 Sea.js 的常用 API 和其应用示例: ### 1. `seajs.config` `seajs.config` 用于配置 Sea.js 的加载...

    关于seaJsDemo

    Sea.js 是一个用于浏览器端模块加载的工具,它遵循 CommonJS 规范,使得 JavaScript 开发可以采用模块化的组织方式,提高代码的可维护性和复用性。这个名为 "Sea.js Demo" 的项目旨在展示 Sea.js 如何在实际应用中...

    struts2+Jquery分页插件

    以struts2标签的形式提供分页功能,使用简便,杜绝手工去拼分页标签的样式。目前提供了两种方式,直接原生的jquery调用,使用seajs模块化的方式。 源码地址:http://code.google.com/p/paginationex/source/checkout

    seajs加载jquery时提示$ is not a function该怎么解决

    在JavaScript的世界里,模块化是组织代码的一种重要方式,它能帮助我们保持代码的清晰性和可维护性。AMD(Asynchronous Module Definition)和CMD(Common Module Definition)是两种常见的模块化规范,它们分别由...

    前端学习路线.doc

    学习AMD和CMD规范,以及相关的工具如RequireJS和SeaJS,可以帮助你实现模块化开发。基于组件的思想,可以提高代码复用和维护性。 **第七阶段:主流的流行框架** Web开发工作流的工具如Git版本控制、Yeoman脚手架、...

    支付宝前端技术之路

    这一时期的类库更加注重模块化与版本管理,WidgetBase提供了更为系统的组件开发模式。尽管如此,仍然存在不少问题,比如稳定性不足、组件数量有限以及学习成本较高等。 #### 二、新一世代前端类库Arale 为了解决...

Global site tag (gtag.js) - Google Analytics