JS開發(fā)自己的類庫(kù)實(shí)例分析
本文實(shí)例分析了JS開發(fā)自己的類庫(kù)。分享給大家供大家參考,具體如下:
上文說過,復(fù)用性主要有:插件,插件為功能的基本單元;組件,組件為應(yīng)用的單元;設(shè)計(jì)模式,設(shè)計(jì)模式為解決為題的思路。
上述三者是算法的具體表現(xiàn)形式。
基于上面的認(rèn)識(shí),減少重復(fù)造輪子的時(shí)間,實(shí)現(xiàn)高效開發(fā),決定開發(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;
}
反過來具體時(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;
}
也可以寫成棉城對(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)畫特效與技巧匯總》、《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ù)分享
- 寫自已的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)文章
JavaScript獲取對(duì)象在頁(yè)面中位置坐標(biāo)的方法
這篇文章主要介紹了JavaScript獲取對(duì)象在頁(yè)面中位置坐標(biāo)的方法,涉及JavaScript操作頁(yè)面元素屬性的相關(guān)技巧,需要的朋友可以參考下2016-02-02
JavaScript中Set和Map數(shù)據(jù)結(jié)構(gòu)使用場(chǎng)景詳解
這篇文章主要為大家介紹了JavaScript中Set和Map數(shù)據(jù)結(jié)構(gòu)使用場(chǎng)景詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06
JavaScript前端實(shí)現(xiàn)拼圖分割效果
這篇文章主要為大家詳細(xì)介紹了如何通過JavaScript前端實(shí)現(xiàn)拼圖分割效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-10-10
javascript刪除數(shù)組重復(fù)元素的方法匯總
這篇文章主要介紹了javascript刪除數(shù)組重復(fù)元素的方法,實(shí)例匯總了幾種常用的javascript刪除數(shù)組重復(fù)元素的技巧,需要的朋友可以參考下2015-06-06
JavaScript檢測(cè)并限制復(fù)選框選中個(gè)數(shù)的方法
這篇文章主要介紹了JavaScript檢測(cè)并限制復(fù)選框選中個(gè)數(shù)的方法,涉及javascript針對(duì)復(fù)選框的判定與運(yùn)算相關(guān)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-08-08
解決layer彈出層的內(nèi)容頁(yè)點(diǎn)擊按鈕跳轉(zhuǎn)到新的頁(yè)面問題
今天小編就為大家分享一篇解決layer彈出層的內(nèi)容頁(yè)點(diǎn)擊按鈕跳轉(zhuǎn)到新的頁(yè)面問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09

