JS開發(fā)自己的類庫實(shí)例分析
本文實(shí)例分析了JS開發(fā)自己的類庫。分享給大家供大家參考,具體如下:
上文說過,復(fù)用性主要有:插件,插件為功能的基本單元;組件,組件為應(yīng)用的單元;設(shè)計(jì)模式,設(shè)計(jì)模式為解決為題的思路。
上述三者是算法的具體表現(xiàn)形式。
基于上面的認(rèn)識(shí),減少重復(fù)造輪子的時(shí)間,實(shí)現(xiàn)高效開發(fā),決定開發(fā)自己的類庫。
下面是第一個(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頁面元素操作技巧總結(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類庫
- javascript拖拽上傳類庫DropzoneJS使用方法
- JavaScript人臉識(shí)別技術(shù)及臉部識(shí)別JavaScript類庫Tracking.js
- 5個(gè)最佳的Javascript日期處理類庫分享
- 寫自已的js類庫需要的核心代碼
- stream.js 一個(gè)很小、完全獨(dú)立的Javascript類庫
- 用js小類庫獲取瀏覽器的高度和寬度信息
- ECMAScript 創(chuàng)建自己的js類庫
- js插件類庫組織與管理(基于asp.net管理)
- JavaScript 應(yīng)用類庫代碼
相關(guān)文章
js實(shí)現(xiàn)網(wǎng)頁五子棋進(jìn)階版
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)網(wǎng)頁五子棋進(jìn)階版,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-05-05layui 根據(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ì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09JS call()及apply()方法使用實(shí)例匯總
這篇文章主要介紹了JS call()及apply()方法使用實(shí)例匯總,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07JavaScript 使用 splice 方法刪除數(shù)組元素可能導(dǎo)致的問題分析
這篇文章主要介紹了JavaScript 使用 splice 方法刪除數(shù)組元素可能導(dǎo)致的問題分析,當(dāng)在 JavaScript 中從數(shù)組中刪除元素時(shí),使用 splice 方法時(shí)需要謹(jǐn)慎,本文給大家詳細(xì)講解,需要的朋友可以參考下2023-04-04Javascript節(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