我正在为我的网站编写核心javascript对象,使用我使用的常用方法构建(并包含一些jQuery方法)。
它的构建如下:
var Core = {
baseUrl: '/',
lang: 'en-us',
loggedIn: false,
msg: function(str) {
for (var i = 1, len = arguments.length; i < len; ++i) {
str = str.replace("{" + (i - 1) + "}");
}
return str;
},
include: function(url, success, cache) {
$.ajax({
url: url,
dataType: 'script',
success: success,
cache: cache !== false
});
},
etc...
}
msg 是一种模仿C#String.Format的方法, include 让我可以异步拉入脚本。还有其他( formatDate :将日期时间字符串转换为用户的本地时间, getBrowser :根据功能检测获取浏览器类型,打开:打开链接在新窗口等...)
这个核心对象允许我执行各种各样的任务......只需调用Core。方法 ...将几乎所有的javascript代码移动到可以缓存的.js文件中。
出于好奇,您在网站中构建了哪些常见功能?
答案 0 :(得分:4)
如果我无法从Paul Irish's boilerplate开始,则记录功能是我添加的第一件事。
// usage: log('inside coolFunc',this,arguments);
// paulirish.com/2009/log-a-lightweight-wrapper-for-consolelog/
window.log = function(){
log.history = log.history || []; // store logs to an array for reference
log.history.push(arguments);
if(this.console){
console.log( Array.prototype.slice.call(arguments) );
}
};
答案 1 :(得分:3)
我通常会添加一个包装来捕获任何错误页面。
ajaxErrorHandle: function (data, container) {
if (data.indexOf("Server Error in '/' Application") != -1) {
container.html(data);
$('.ajax-loader').hide();
return false;
}
return true;
}
答案 2 :(得分:2)
我使用了一些与其他语言类似的字符串格式化函数。用法:
var s = 'Hello {0}!'.format('World'); // result is "Hello World!"
var person = { Name: 'Will' };
var greeting = 'Hello {Name}!'.formatWith(person); // result is "Hello Will!";
这是函数定义。我也使用简单版本的地图并减少所有地方,而不是外部网站,但在内部网上,我全力以赴使用Javascript。
String.prototype.format = function ()
{
var pattern = /\{\d+\}/g;
var args = arguments;
return this.replace(pattern, function (capture) { return args[capture.match(/\d+/)]; });
}
String.prototype.formatWith = function (obj, clean)
{
return this.replace(/\{(.*?)\}/gim, function (all, match) { return obj[match]; });
}
function reduce(fn, a, init, limit)
{
var s = init;
var l = (limit == undefined) ? a.length : Math.min(a.length, limit);
for (i = 0; i < l; i++)
s = fn(s, a[i], i);
return s;
}
function map(fn, a)
{
var l = a.length;
for (i = 0; i < l; i++)
a[i] = fn(a[i]);
}
答案 3 :(得分:1)
我使用一些便捷方法,处理动态主题,获取错误报告的客户端信息,并在我的核心中处理.NET Postbacks的主题问题。这是几个片段......
/**
* A convenience method for notifications that can be
* called anywhere in the app, in place of standard
* javascript alerts. Assuming you define CSS for
* the ID and/or are using jQuery UI, these alerts
* are skinned.
*
* @param string - the message that you want to display
* @example - alert('Hello World');
*/
alert: function(msg) {
$('body').append('<div id="alert">' + msg + '</div>');
$('#alert').dialog({
bgiframe: true
, modal: true
, width: 400
, buttons: {
Ok: function() { $(this).dialog('destroy'); }
}
});
return this;
} // EO alert
/**
* .NET Event Handlers
* When new code is added on to the client by way of
* .NET PostBacks, CSS is typically ignored. This method
* can be used to add CSS to new elements as they are added
* asynchronously. It calls a script at the end of every
* partial post back request.
*
* @example - Core.NETEventHandlers.AsyncPostBack.Init();
*/
, NETEventHandlers: {
/**
* Async Post Back Handler
* calls a script at the end of every partial post back request
*/
AsyncPostBack: {
EndRequest: {
Add: function() {
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(Core.NETEventHandlers.AsyncPostBack.EndRequest.Handler); // where Core.NET... leads to this method
} // EO Add
, Handler: function(sender, args) {
// Handlers here. Consider adding them into a separate method
alert('Hello World');
} // EO Handler
} // EO endRequest
, Init: function() {
Sys.Application.add_init(Core.NETEventHandlers.AsyncPostBack.EndRequest.Add); // where Core.NET... leads to this method
}
} // EO AsyncPostBack
} // EO dotNETEventHandlers
答案 4 :(得分:0)
我有一个伟大的跨域ajax与一个很棒的包装器,不幸的是我暂时失去了它,直到我可以恢复我的高清。虽然如此:
ajax = function(site, callback) {
$.getScript('get.php?url=' + escape(site) + '&callback=' + callback);
}
ajax.find = function(url) {
ret = [];
if (url.match) {
for (var i = 0; i < this.length; i++)
if (url.match(this[i].url))
ret.push(this[i]);
}
else
for (var i = 0; i < this.length; i++)
if (url === this[i].url)
ret = this[i];
return ret;
};
我是通过记忆我很久以前写过的东西来做到这一点的,但是你明白了这一点