欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

日期處理的js庫(迷你版)--自建js庫總結(jié)

 更新時間:2011年11月21日 23:30:23   作者:  
先推薦網(wǎng)上不錯的日期js庫:http://momentjs.com/ 其實這類資源網(wǎng)絡上一抓一把,但是想要針對項目實用的還是不多,因為我接觸的那類都經(jīng)常在日期而非深入到hour、minute、second!所以想干脆自己編個小庫吧,這樣以后寫代買將省力很多,在這里分享下,希望對大家有用
接口+繼承+代碼優(yōu)化思想
先分享下我覺得一個很不錯的js編程小技巧,達到很大的代碼共用性! 因為很多js庫會在原生的對象上進行直接原型擴展,但這是很不好的習慣,不僅加重了每個新實例對象的內(nèi)存消耗,而且容易造成污染性誤解(以為有這東西)!而這也是建js庫一個準則:盡量少的原型擴展,特別是越根部的對象!

js建庫準則
js建庫準則(Dean Edwards在開發(fā)base2時候的一些體會)翻譯版:http://biaoge.me/2009/12/239 js建庫學習好地方:http://ejohn.org/blog/building-a-javascript-library/ 假如你有時間,再看一個建js庫超級前沿的文檔,包括css3,瀏覽器最新API(如querySelector) build-a-javascript-framework

用繼承提高代碼共用性
因為不在原生對象上進行擴展,所以需要一個對外的命名空間,而在這個對象下會有一些接口供外部調(diào)用,而為了提高本身js庫的健壯性,需要在最大程度減小對外接口(最理想的就是只保存用戶需要的接口)! 那么這里便有一個問題,我將它實例化吧:
復制代碼 代碼如下:

var namespace={
IOfirst:function(){},
IOsecond:function(){}
}

在對象namespace下有個東西需要給IOfirst跟IOsecond共用,而又不想暴露這個接口! 我是通過繼承將所有對外接口通過一個父接口包裝,然后在一個init方法下統(tǒng)一賦值,而在init這方法下,由于閉包的作用,達到了代碼的共用性! 具體做法:

動態(tài)添加對外接口,加強代碼靈活性
復制代碼 代碼如下:

addIO:function(str){
var arrs = str.split("."),
o = this;
for (i=(arrs[0] == "Date$") ? 1 : 0; i0)
{
var data=arrs[0]
o[arrs[i]]=o[arrs[i]] ||function(){return this.parIO.apply(null,[data,arguments])};
o=o[arrs[i]];
}
}
InitFuns:function(){
var that=this;
var funs=this.actionFun;
//init interface for all functions(test successfully)
var interfaces=["testLeap","disDayNum","todayBetween","getMonthByDay","getNextWeekByDay","getWeekByDay","newDate","compareDate"]
var shift;
do{
shift=interfaces.shift()
that.addIO(shift);
funs[shift]=function(){};
}while(interfaces.length>0)
//set the common object and variable

//for browers test
var br={
ie:false,//IE6~8
ff:false,//Firefox
ch:false//Chrome
}
var nav=navigator.userAgent;
if(!-[1,]) br.ie=true;
else if(nav.indexOf("Firefox")>0) br.ff=true;
else if(nav.indexOf("Chrome")>0) br.ch=true;

//continue to set IO

}

在控制臺上輸出初始化完成的接口: 
初始化接口完成于是所有對外接口都綁定到parIO下面,這樣在有很多接口的情況下可以少敲好多代碼哦! 而關鍵的維系內(nèi)外部樞紐的parIO負責找到子接口,傳參,并返回

復制代碼 代碼如下:

parIO:function(){
if(Date$.actionFun[arguments[0]])
{
var customFun=Date$.actionFun[arguments[0]]
return customFun.apply(null,[arguments[1]]);
}
else
console&&cosnole.log("empty");
},

而可以看到有三部分: 
在 //set the common object and variable 那里我們可以寫我們的公用函數(shù),變量,如判斷瀏覽器,加入類似后臺的sqlHelp 函數(shù) 之后便是初始化接口了:
復制代碼 代碼如下:

funs.newDate=function(){
return formatDate(arguments[0][0])
}
funs.getWeekByDay=function(){
return getWeekByDay(arguments[0][0]);
}
funs.getNextWeekByDay=function(){
var speDate=formatDate(arguments[0][0]);
speDate.setDate(speDate.getDate()+7);
return getWeekByDay(speDate);
}

而且這樣還有一個好處,就是你的代碼不會給人家隨便的復制去用,因為接口的內(nèi)部聯(lián)系性很大!例如上面的funs.getWeekByDay,funs.getNextWeekByDay公用了getWeekByDay()方法! 最后附上我的不成熟的js庫以及接口聲明,還望大牛幫忙改進下,萬分感謝
復制代碼 代碼如下:

/*
//function:to compare two dates and return information "equal"/"more"/"less"
//arguments num:2
//arguments type: Date,Date
//arguments declaration:1.the target object you need to compare(Subtrahend);2.the compare object(Minuend)
//return data -- type: String ; three value: "more"(if target is larger),"equal"(if target is equal to compared object),"less"(if target is smaller)
compareDate:function (objDate,comDate)
{
},
//function:to format the string to Date ,and return
//arguments num:1
//arguments type: for this interface apply for overload , so String or Date is allowed
//arguments declaration:if you pass String ,it should format to "YYYY-MM-DD" or "YYYY/MM/DD" or "YYYY:MM:DD" like "2008/10/12"
//return date : type:Date;one value:the date you want after formatting
newDate :function (str)
{
},
//function:get the start date and end date of the week of the date you have passed and return the Json including {startDay,endDay}
//arguments num:1
//arguments type:for this interface apply for overload , so String or Date is allowed
//arguments declaration:the day you want to get the first day and last day of in this weeek;if you pass String ,it should format to "YYYY-MM-DD" or "YYYY/MM/DD" or "YYYY:MM:DD" like "2008/10/12"
//return data--type :Json ; one value:{startDay:"",endDay:""} ,you can get it by var.startDay(var is your custom variable)
getWeekByDay :function (day)
{
},
//function:get the start date and end date of next week of the date you have passed and return the Json including {startDay,endDay}
//arguments num:1
//arguments type:for this interface apply for overload , so String or Date is allowed
//arguments declaration:the day you want to get the first day and last day of in this weeek;if you pass String ,it should format to "YYYY-MM-DD" or "YYYY/MM/DD" or "YYYY:MM:DD" like "2008/10/12"
//return data--type :Json ; one value:{startDay:"",endDay:""} ,you can get it by var.startDay(var is your custom variable)
getNextWeekByDay :function (day)
{
};
//function:get the start date and end date of the month of the date you have passed and return the Json including {startDay,endDay}
//arguments num:1
//arguments type:Date
//arguments declaration:the day you want to get the first day and last day of in this month
//return data--type :Json ; one value:{startDay:"",endDay:""} ,you can get it by var.startDay(var is your custom variable)
getMonthByDay :function (day)
{
},
//function:to test if including today between the two dates you pass and return in boolean
//arguments num:2
//arguments type:Date,Date
//arguments declaration:the procedure will test the larger and sort automatically ,so the order is no matter
//return data-- type: boolean ; one value :true if today is between the two dates
todayBetween :function (startDate,endDate)
{
},
//function:to caculate the difference between two dates in days
//arguments num:2
//arguments type:Date,Date
//arguments declaration:1.startDate(the one be reduced) 2.endDate(the one to reduce)
//return data--type:Number ; one value:the different between these two dates
disDayNum:function (startDate,endDate)
{
},
//function:test the year of the date you have passed leap or not and return in boolean
//arguments num:1
//arguments type: for this interface apply for overload , so String or Date is allowed
//arguments declaration:if you pass String ,it should format to "YYYY-MM-DD" or "YYYY/MM/DD" or "YYYY:MM:DD" like "2008/10/12"
//return data -- type:boolean ;one value: true if it is leap year or false
testLeap :function (date)
{
} */

歡迎下載:Date$.js

相關文章

最新評論