JS開(kāi)發(fā)自己的類庫(kù)實(shí)例分析
本文實(shí)例分析了JS開(kāi)發(fā)自己的類庫(kù)。分享給大家供大家參考,具體如下:
上文說(shuō)過(guò),復(fù)用性主要有:插件,插件為功能的基本單元;組件,組件為應(yīng)用的單元;設(shè)計(jì)模式,設(shè)計(jì)模式為解決為題的思路。
上述三者是算法的具體表現(xiàn)形式。
基于上面的認(rèn)識(shí),減少重復(fù)造輪子的時(shí)間,實(shí)現(xiàn)高效開(kāi)發(fā),決定開(kāi)發(fā)自己的類庫(kù)。
下面是第一個(gè)函數(shù),時(shí)間戳轉(zhuǎn)為具體時(shí)間;
//時(shí)間戳轉(zhuǎn)為具體時(shí)間
function transform(now) {
var d = new Date(now);
var year = d.getFullYear();
var month = d.getMonth() + 1;
var day = d.getDate();
var hour = d.getHours();
var minute = d.getMinutes();
var second = d.getSeconds();
if (month < 10) {
month = "0" + month;
}
var date = year + "-" + month + "-" + day +
" " + hour + ":" + minute + ":" + second;
return date;
}
反過(guò)來(lái)具體時(shí)間轉(zhuǎn)為時(shí)間戳:
//具體時(shí)間轉(zhuǎn)轉(zhuǎn)為指定時(shí)間戳
function transdate(date) {
var d = new Date();
d.setFullYear(date.substring(0, 4));
d.setMonth(parseInt(date.substring(5, 7)) - 1);
d.setDate(date.substring(8, 10));
d.setHours(date.substring(11, 13));
d.setMinutes(date.substring(14, 16));
d.setSeconds(date.substring(17, 19));
return Date.parse(d) / 1000;
}
也可以寫(xiě)成棉城對(duì)象的形式:
var transform = function() {
};
transform.prototype.change = function(t) {
var d = new Date(t);
this.year = d.getFullYear();
this.month = d.getMonth() + 1;
this.day = d.getDate();
this.hour = d.getHours();
this.minute = d.getMinutes();
this.second = d.getSeconds();
if (this.month < 10) {
this.month = "0" + this.month;
}
this.date = this.year + "-" + this.month + "-" + this.day +
" " + this.hour + ":" + this.minute + ":" + this.second;
return this.date;
}
好了,關(guān)于轉(zhuǎn)換的主函數(shù)就是這個(gè)了,實(shí)際應(yīng)用當(dāng)中具體時(shí)間轉(zhuǎn)為時(shí)間戳,會(huì)根據(jù)具體情況進(jìn)行變化處理。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript頁(yè)面元素操作技巧總結(jié)》、《JavaScript操作DOM技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript動(dòng)畫(huà)特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- 一實(shí)用的實(shí)現(xiàn)table排序的Javascript類庫(kù)
- javascript拖拽上傳類庫(kù)DropzoneJS使用方法
- JavaScript人臉識(shí)別技術(shù)及臉部識(shí)別JavaScript類庫(kù)Tracking.js
- 5個(gè)最佳的Javascript日期處理類庫(kù)分享
- 寫(xiě)自已的js類庫(kù)需要的核心代碼
- stream.js 一個(gè)很小、完全獨(dú)立的Javascript類庫(kù)
- 用js小類庫(kù)獲取瀏覽器的高度和寬度信息
- ECMAScript 創(chuàng)建自己的js類庫(kù)
- js插件類庫(kù)組織與管理(基于asp.net管理)
- JavaScript 應(yīng)用類庫(kù)代碼
相關(guān)文章
js實(shí)現(xiàn)網(wǎng)頁(yè)五子棋進(jìn)階版
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)網(wǎng)頁(yè)五子棋進(jìn)階版,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-05-05
layui 根據(jù)后臺(tái)數(shù)據(jù)動(dòng)態(tài)創(chuàng)建下拉框并同時(shí)默認(rèn)選中的實(shí)例
今天小編就為大家分享一篇layui 根據(jù)后臺(tái)數(shù)據(jù)動(dòng)態(tài)創(chuàng)建下拉框并同時(shí)默認(rèn)選中的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
JS call()及apply()方法使用實(shí)例匯總
這篇文章主要介紹了JS call()及apply()方法使用實(shí)例匯總,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07
淺析JS刷新框架中的其他頁(yè)面 && JS刷新窗口方法匯總
本篇文章是對(duì)JS刷新框架中的其他頁(yè)面以及JS刷新窗口的方法進(jìn)行了匯總介紹,需要的朋友可以參考下2013-07-07
JavaScript 使用 splice 方法刪除數(shù)組元素可能導(dǎo)致的問(wèn)題分析
這篇文章主要介紹了JavaScript 使用 splice 方法刪除數(shù)組元素可能導(dǎo)致的問(wèn)題分析,當(dāng)在 JavaScript 中從數(shù)組中刪除元素時(shí),使用 splice 方法時(shí)需要謹(jǐn)慎,本文給大家詳細(xì)講解,需要的朋友可以參考下2023-04-04
Javascript節(jié)點(diǎn)關(guān)系實(shí)例分析
這篇文章主要介紹了Javascript節(jié)點(diǎn)關(guān)系,實(shí)例分析了javascript操作父子節(jié)點(diǎn)及兄弟節(jié)點(diǎn)的相關(guān)技巧,需要的朋友可以參考下2015-05-05

