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 URL参数读取改进版
Jan 16 Javascript
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
Aug 13 Javascript
jquery 鼠标滑动显示详情应用示例
Jan 24 Javascript
一个js过滤空格的小函数
Oct 10 Javascript
深入探究angular2 UI组件之primeNG用法
Jul 26 Javascript
Vue.js项目模板搭建图文教程
Sep 20 Javascript
浅谈vue的几种绑定变量的值 防止其改变的方法
Mar 01 Javascript
原生实现一个react-redux的代码示例
Jun 08 Javascript
JSON生成Form表单的方法示例
Nov 21 Javascript
JavaScript格式化json和xml的方法示例
Jan 22 Javascript
Vue实现开心消消乐游戏算法
Oct 22 Javascript
JavaScript中的Proxy对象
Nov 27 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中使用XML
2006/10/09 PHP
一个简单的PHP入门源程序
2006/10/09 PHP
PHP中的密码加密的解决方案总结
2016/10/26 PHP
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
2008/03/22 Javascript
Document.location.href和.replace的区别示例介绍
2014/03/04 Javascript
jQuery内部原理和实现方式浅析
2015/02/03 Javascript
jquery控制背景音乐开关与自动播放提示音的方法
2015/02/06 Javascript
javascript实现删除前弹出确认框
2015/06/04 Javascript
js仿黑客帝国字母掉落效果代码分享
2020/11/08 Javascript
Javascript函数式编程简单介绍
2015/10/11 Javascript
解决WordPress使用CDN后博文无法评论的错误
2015/12/15 Javascript
再次谈论Javascript中的this
2016/06/23 Javascript
浅谈JavaScript中变量和函数声明的提升
2016/08/09 Javascript
js代码延迟一定时间后执行一个函数的实例
2017/02/15 Javascript
解决vue-cli webpack打包后加载资源的路径问题
2018/09/25 Javascript
详解vue-element Tree树形控件填坑路
2019/03/26 Javascript
解决vue打包后vendor.js文件过大问题
2019/07/03 Javascript
layui清空,重置表单数据的实例
2019/09/12 Javascript
jQuery Datatables 动态列+跨列合并实现代码
2020/01/30 jQuery
vue 二维码长按保存和复制内容操作
2020/09/22 Javascript
Python抓取百度查询结果的方法
2015/07/08 Python
Python2.7编程中SQLite3基本操作方法示例
2017/08/09 Python
Python numpy 提取矩阵的某一行或某一列的实例
2018/04/03 Python
python ChainMap 合并字典的实现步骤
2019/06/11 Python
Django后端接收嵌套Json数据及解析详解
2019/07/17 Python
如何基于python实现画不同品种的樱花树
2020/01/03 Python
手动安装python3.6的操作过程详解
2020/01/13 Python
Python多线程多进程实例对比解析
2020/03/12 Python
英国最大的电脑零售连锁店集团:PC World
2016/10/10 全球购物
美国最大的珠宝商之一:Littman Jewelers
2016/11/13 全球购物
护士自我鉴定
2013/10/23 职场文书
服装电子商务创业计划书
2014/01/30 职场文书
公务员党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
老员工辞职信范文
2015/05/12 职场文书
利用JuiceFS使MySQL 备份验证性能提升 10 倍
2022/03/17 MySQL
Win11如何默认打开软件界面最大化?Win11默认打开软件界面最大化的方法
2022/07/15 数码科技