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 相关文章推荐
javascript indexOf函数使用说明
Jul 03 Javascript
js arguments.callee的应用代码
May 07 Javascript
深入领悟JavaScript中的面向对象
Nov 18 Javascript
Jquery简单分页实现方法
Jul 24 Javascript
BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法
Jun 07 Javascript
JavaScript之Canvas_动力节点Java学院整理
Jul 04 Javascript
浅谈webpack编译vue项目生成的代码探索
Dec 11 Javascript
使用vue.js在页面内组件监听scroll事件的方法
Sep 11 Javascript
详解使用React.memo()来优化函数组件的性能
Mar 19 Javascript
JS中的防抖与节流及作用详解
Apr 01 Javascript
详解在HTTPS 项目中使用百度地图 API
Apr 26 Javascript
Vue中jsx不完全应用指南小结
Nov 01 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使用curl代理实现抓取数据的方法
2017/02/03 PHP
PHP压缩图片功能的介绍
2019/03/21 PHP
js直接编辑当前cookie的脚本
2008/09/14 Javascript
JavaScript 异步调用框架 (Part 4 - 链式调用)
2009/08/04 Javascript
JavaScript 监听textarea中按键事件
2009/10/08 Javascript
高性能Javascript笔记 数据的存储与访问性能优化
2012/08/02 Javascript
Android中资源文件(非代码部分)的使用概览
2012/12/18 Javascript
JS获取IP、MAC和主机名的五种方法
2013/11/14 Javascript
Jquery给基本控件的取值、赋值示例
2014/05/23 Javascript
微信小程序 WebSocket详解及应用
2017/01/21 Javascript
Bootstrap免费字体和图标网站(值得收藏)
2017/03/16 Javascript
Vue完整项目构建(进阶篇)
2018/02/10 Javascript
原生JS利用transform实现banner的无限滚动示例代码
2020/06/15 Javascript
python复制文件代码实现
2013/12/23 Python
python针对excel的操作技巧
2018/03/13 Python
python变量的存储原理详解
2019/07/10 Python
在python中用print()输出多个格式化参数的方法
2019/07/16 Python
Python处理session的方法整理
2019/08/29 Python
python利用paramiko实现交换机巡检的示例
2020/09/22 Python
使用Python下载抖音各大V视频的思路详解
2021/02/06 Python
html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
2013/01/09 HTML / CSS
Groupon比利时官方网站:特卖和网上购物高达-70%
2019/08/09 全球购物
Linux开机引导的步骤是什么
2014/02/26 面试题
怎样客观的做好自我评价
2013/12/28 职场文书
教师档案管理制度
2014/01/23 职场文书
购房意向书
2014/04/01 职场文书
初中优秀教师事迹材料
2014/08/18 职场文书
升国旗演讲稿
2014/09/05 职场文书
乡镇党的群众路线教育实践活动总结报告
2014/10/30 职场文书
2014年德育工作总结
2014/11/20 职场文书
领导视察通讯稿
2015/07/18 职场文书
2016年学校招生广告语
2016/01/28 职场文书
python 爬取京东指定商品评论并进行情感分析
2021/05/27 Python
MySQL中in和exists区别详解
2021/06/03 MySQL
用Python创建简易网站图文教程
2021/06/11 Python
一文弄懂MySQL中redo log与binlog的区别
2022/02/15 MySQL