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 提供了一种遵循CommonJS标准的前端模块化解决方案,有助于解决JavaScript代码的组织和管理问题,提高代码质量和开发效率。通过其灵活的配置和丰富的插件生态系统,开发者可以更好地应对复杂前端项目的...
综上所述,"jquery配合seajs框架实现返回顶部特效"项目展示了如何将传统的 jQuery 动画和事件处理能力与现代的前端模块化工具 SeaJS 结合,以创建一个既实用又具有良好用户体验的功能。同时,它也涉及到 CSS 和 ...
在JavaScript的世界里,Seajs是一个流行的模块加载器,它遵循CommonJS规范,使得代码组织更加模块化。然而,jQuery作为一个广泛使用的库,它的类和插件通常不是为模块化设计的。本文将介绍如何将jQuery及其相关的类...
本文将根据“模块化的js.pdf”文档内容,深入探讨模块化的JavaScript,包括其开发之痛、模块化简介、实现原理以及具体案例分析。 一.JavaScript开发之痛 在传统的JavaScript开发中,开发者常常面临两个主要问题:...
Seajs 是一个基于浏览器的 JavaScript 模块加载框架,它旨在简化 Web 应用程序的模块化开发。Seajs 遵循 Common Module Definition (CMD) 规范,该规范是由 SeaJS 社区推广的一种模块化编程方式。CMD 的核心思想是...
总结来说,SeaJS为JavaScript开发提供了一种模块化、高效且易于管理的方式。它通过遵循CommonJS规范,简化了模块加载过程,解决了传统JavaScript开发模式中常见的依赖管理问题,使得代码结构更加清晰,开发效率得到...
RequireJS和Sea.js是两种JavaScript模块化加载器,它们帮助开发者管理和组织JavaScript代码,实现异步加载。在这些文件中,jQuery库和自定义的jQuery插件可能会通过这些模块管理器进行加载。RequireJS使用AMD...
JavaScript模块化是现代Web开发中不可或缺的一部分,随着前端技术的快速发展,如Backbone、Ember.js、Spine.js和Batman.js等MVC框架以及CommonJS、AMD、Node.js、RequireJS、SeaJS和curljs等模块化解决方案的普及,...
了解了上述知识点,我们能够更加高效地在项目中使用SeaJS来管理JavaScript代码的模块化和依赖,实现更优雅的代码结构和更高的性能表现。同时,对URI、URL和URN的理解也会帮助我们在开发中准确使用这些资源标识符。
RequireJS和JQuery都是JavaScript的模块化加载器和库,它们极大地简化了模块化编程的实现。 RequireJS是一种遵循AMD(异步模块定义)规范的模块加载器,它允许你在JavaScript中以异步的方式加载模块,从而不会阻塞...
Sea.js 是一款轻量级的前端模块加载器,它遵循 CommonJS 规范,使得 JavaScript 可以实现模块化开发。以下是一些 Sea.js 的常用 API 和其应用示例: ### 1. `seajs.config` `seajs.config` 用于配置 Sea.js 的加载...
Sea.js 是一个用于浏览器端模块加载的工具,它遵循 CommonJS 规范,使得 JavaScript 开发可以采用模块化的组织方式,提高代码的可维护性和复用性。这个名为 "Sea.js Demo" 的项目旨在展示 Sea.js 如何在实际应用中...
以struts2标签的形式提供分页功能,使用简便,杜绝手工去拼分页标签的样式。目前提供了两种方式,直接原生的jquery调用,使用seajs模块化的方式。 源码地址:http://code.google.com/p/paginationex/source/checkout
在JavaScript的世界里,模块化是组织代码的一种重要方式,它能帮助我们保持代码的清晰性和可维护性。AMD(Asynchronous Module Definition)和CMD(Common Module Definition)是两种常见的模块化规范,它们分别由...
学习AMD和CMD规范,以及相关的工具如RequireJS和SeaJS,可以帮助你实现模块化开发。基于组件的思想,可以提高代码复用和维护性。 **第七阶段:主流的流行框架** Web开发工作流的工具如Git版本控制、Yeoman脚手架、...
这一时期的类库更加注重模块化与版本管理,WidgetBase提供了更为系统的组件开发模式。尽管如此,仍然存在不少问题,比如稳定性不足、组件数量有限以及学习成本较高等。 #### 二、新一世代前端类库Arale 为了解决...