JS开发自己的类库实例分析


Posted in Javascript onAugust 28, 2019

本文实例分析了JS开发自己的类库。分享给大家供大家参考,具体如下:

上文说过,复用性主要有:插件,插件为功能的基本单元;组件,组件为应用的单元;设计模式,设计模式为解决为题的思路。

上述三者是算法的具体表现形式。

基于上面的认识,减少重复造轮子的时间,实现高效开发,决定开发自己的类库。

下面是第一个函数,时间戳转为具体时间;

//时间戳转为具体时间
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;
}

反过来具体时间转为时间戳:

//具体时间转转为指定时间戳
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;
}

也可以写成棉城对象的形式:

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;
}

好了,关于转换的主函数就是这个了,实际应用当中具体时间转为时间戳,会根据具体情况进行变化处理。

更多关于JavaScript相关内容可查看本站专题:《JavaScript页面元素操作技巧总结》、《JavaScript操作DOM技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
js substring从右边获取指定长度字符串(示例代码)
Dec 23 Javascript
js中数组(Array)的排序(sort)注意事项说明
Jan 24 Javascript
JQuery Tips相关(1)----关于$.Ready()
Aug 14 Javascript
javascript获取重复次数最多的字符
Jul 08 Javascript
ECharts仪表盘实例代码(附源码下载)
Feb 18 Javascript
关于网页中的无缝滚动的js代码
Jun 09 Javascript
BootStrap中Datepicker控件带中文的js文件
Aug 10 Javascript
利用js获取下拉框中所选的值
Dec 01 Javascript
Three.js利用顶点绘制立方体的方法详解
Sep 27 Javascript
微信小程序导航栏跟随滑动效果的实现代码
May 14 Javascript
javascript设计模式 ? 模板方法模式原理与用法实例分析
Apr 23 Javascript
js canvas实现五子棋小游戏
Jan 22 Javascript
详解Vue 换肤方案验证
Aug 28 #Javascript
Vue项目实现换肤功能的一种方案分析
Aug 28 #Javascript
js遍历详解(forEach, map, for, for...in, for...of)
Aug 28 #Javascript
Angular6使用forRoot() 注册单一实例服务问题
Aug 27 #Javascript
jQuery - AJAX load() 实例用法详解
Aug 27 #jQuery
JS实现提示框跟随鼠标移动
Aug 27 #Javascript
js对象数组和对象的使用实例详解
Aug 27 #Javascript
You might like
基于PHP的简单采集数据入库程序【续篇】
2014/07/30 PHP
Zend Framework框架实现类似Google搜索分页效果
2016/11/25 PHP
PHP写的简单数字验证码实例
2017/05/23 PHP
tp5框架的增删改查操作示例
2019/10/31 PHP
FireFox中textNode分片的问题
2007/04/10 Javascript
extjs 列表框(multiselect)的动态添加列表项的方法
2009/07/31 Javascript
JS 面向对象之神奇的prototype
2011/02/26 Javascript
jquery插件制作 表单验证实现代码
2012/08/17 Javascript
JavaScript两种跨域技术全面介绍
2014/04/16 Javascript
js限制checkbox选中个数以限制六个为例
2014/07/15 Javascript
jQuery随机密码生成的方法
2015/03/09 Javascript
JavaScript实现的encode64加密算法实例分析
2015/04/15 Javascript
javascript字符串循环匹配实例分析
2015/07/17 Javascript
深入理解JavaScript中的浮点数
2016/05/18 Javascript
js获取html的span标签的值方法(超简单)
2016/07/26 Javascript
JS常见疑难点分析之match,charAt,charCodeAt,map,search用法分析
2016/12/25 Javascript
JS数组返回去重后数据的方法解析
2017/01/03 Javascript
微信小程序教程系列之新建页面(4)
2017/04/17 Javascript
浅析Javascript中双等号(==)隐性转换机制
2017/10/27 Javascript
Element-UI踩坑之Pagination组件的使用
2018/10/29 Javascript
在mac下查找python包存放路径site-packages的实现方法
2018/11/06 Python
Python学习笔记之Django创建第一个数据库模型的方法
2019/08/07 Python
Python 多线程共享变量的实现示例
2020/04/17 Python
python中导入 train_test_split提示错误的解决
2020/06/19 Python
python向企业微信发送文字和图片消息的示例
2020/09/28 Python
美国在线宠物商店:Chewy
2019/01/12 全球购物
Crocs欧洲官网:Crocs Europe
2020/01/14 全球购物
META-INF文件夹中的MANIFEST.MF的作用
2016/06/21 面试题
报关简历自我评价怎么写
2013/09/19 职场文书
生物科学专业自荐书
2014/06/20 职场文书
工厂见习报告范文
2014/10/31 职场文书
2015年远程教育工作总结
2015/05/20 职场文书
老干部局2015年度工作总结
2015/10/22 职场文书
六年级情感作文之500字
2019/10/23 职场文书
MySQL获取所有分类的前N条记录
2021/05/07 MySQL
90后经典动画片排行:《数码宝贝》第二,《小鲤鱼历险记》在榜
2022/03/18 日漫