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 相关文章推荐
在IE下:float属性会影响offsetTop的取值
Dec 22 Javascript
Lazy Load 延迟加载图片的 jQuery 插件
Feb 06 Javascript
可以用来调试JavaScript错误的解决方案
Aug 07 Javascript
JS this作用域以及GET传输值过长的问题解决方法
Aug 06 Javascript
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等
May 08 Javascript
js中的for如何实现foreach中的遍历
May 31 Javascript
基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)
Aug 29 Javascript
解决axios会发送两次请求,有个OPTIONS请求的问题
Oct 25 Javascript
js实现json数组分组合并操作示例
Feb 12 Javascript
Node.js实现简单的爬取的示例代码
Jun 25 Javascript
jQuery弹框插件使用方法详解
May 26 jQuery
ES6的循环与可迭代对象示例详解
Jan 31 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里得到前天和昨天的日期的代码
2007/08/16 PHP
PHP实现上一篇下一篇的方法实例总结
2016/09/22 PHP
ExtJS 2.0实用简明教程 之Border区域布局
2009/04/29 Javascript
JS 的应用开发初探(mootools)
2009/12/19 Javascript
Script的加载方法小结
2011/01/12 Javascript
5分钟理解JavaScript中this用法分享
2013/11/09 Javascript
JS获取当前网址、主机地址项目根路径
2013/11/19 Javascript
jquery选择器使用详解
2014/04/08 Javascript
jquery.idTabs 选项卡使用示例代码
2014/09/03 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
2015/07/06 Javascript
Bootstrap的Refresh Icon也spin起来
2016/07/13 Javascript
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
2017/07/22 jQuery
简单说说angular.json文件的使用
2018/10/29 Javascript
Vue基本使用之对象提供的属性功能
2019/04/30 Javascript
jquery实现两个div中的元素相互拖动的方法分析
2020/04/05 jQuery
Vue2.0 ES6语法降级ES5的操作
2020/10/30 Javascript
举例讲解Linux系统下Python调用系统Shell的方法
2015/11/07 Python
Python简单实现安全开关文件的两种方式
2016/09/19 Python
python+pyqt实现右下角弹出框
2017/10/26 Python
Python实现的桶排序算法示例
2017/11/29 Python
详解Python文件修改的两种方式
2019/08/22 Python
如何用Python绘制3D柱形图
2020/09/16 Python
python map比for循环快在哪
2020/09/21 Python
你正在寻找的CSS3 动画技术
2011/07/27 HTML / CSS
使用CSS3编写灰阶滤镜来制作黑白照片效果的方法
2016/05/09 HTML / CSS
详解HTML5 Canvas绘制时指定颜色与透明度的方法
2016/03/25 HTML / CSS
Roots加拿大官网:加拿大休闲服饰品牌
2016/10/24 全球购物
英国在线潜水商店:Simply Scuba
2019/03/25 全球购物
我未来的职业规划范文
2014/01/11 职场文书
卫生系统先进事迹
2014/05/13 职场文书
法语专业求职信
2014/07/20 职场文书
中学学校门卫岗位职责
2014/08/15 职场文书
事业单位个人查摆问题及整改措施
2014/10/28 职场文书
小学生暑假生活总结
2015/07/13 职场文书
秋季运动会加油词
2015/07/18 职场文书
2016关于预防职务犯罪的心得体会
2016/01/21 职场文书