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 相关文章推荐
基于jquery可配置循环左右滚动例子
Sep 09 Javascript
select标签模拟/美化方法采用JS外挂式插件
Apr 01 Javascript
兼容所有浏览器的js复制插件Zero使用介绍
Mar 19 Javascript
jquery实现侧边弹出的垂直导航
Dec 09 Javascript
常用DOM整理
Jun 16 Javascript
纯JS代码实现一键分享功能
Apr 20 Javascript
js改变style样式和css样式的简单实例
Jun 28 Javascript
JavaScript定时器实现的原理分析
Dec 06 Javascript
vue2.0全局组件之pdf详解
Jun 26 Javascript
jQuery 循环遍历改变a标签的href(实例讲解)
Jul 12 jQuery
JS实现自定义弹窗功能
Aug 08 Javascript
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
May 08 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
PHPShop存在多个安全漏洞
2006/10/09 PHP
如何设置mysql允许外网访问
2013/06/04 PHP
关于PHP堆栈与列队的学习
2013/06/21 PHP
跟我学Laravel之路由
2014/10/15 PHP
php中使用GD库做验证码
2016/03/31 PHP
PHP框架性能测试报告
2016/05/08 PHP
PHP小程序支付功能完整版【基于thinkPHP】
2019/03/26 PHP
php快速导入大量数据的实例方法
2019/09/23 PHP
浅析Js(Jquery)中,字符串与JSON格式互相转换的示例(直接运行实例)
2013/07/09 Javascript
jquery和javascript中如何将一元素的内容赋给另一元素
2014/01/09 Javascript
JavaScript中使用arguments获得函数传参个数实例
2014/08/27 Javascript
点击A元素触发B元素的事件在IE8下会识别成A元素
2014/09/04 Javascript
异步安全加载javascript文件的方法
2015/07/21 Javascript
JQuery中Ajax()的data参数类型实例分析
2015/12/15 Javascript
JavaScript jquery及AJAX小结
2016/01/24 Javascript
再谈Javascript中的基本类型和引用类型(推荐)
2016/07/01 Javascript
JavaScript实现解析INI文件内容的方法
2016/11/17 Javascript
nodejs 实现钉钉ISV接入的加密解密方法
2017/01/16 NodeJs
在vue项目中使用sass的配置方法
2018/03/20 Javascript
前端插件之Bootstrap Dual Listbox使用教程
2019/07/23 Javascript
详解BootStrap表单验证中重置BootStrap-select验证提示不清除的坑
2019/09/17 Javascript
JavaScript console的使用方法实例分析
2020/04/28 Javascript
Vue指令实现OutClick的示例
2020/11/16 Javascript
Element el-button 按钮组件的使用详解
2021/02/01 Javascript
python树莓派红外反射传感器
2019/01/21 Python
Python根据当前日期取去年同星期日期
2019/04/14 Python
python中判断文件结束符的具体方法
2020/08/04 Python
什么是ESB?请介绍一下ESB?
2015/05/27 面试题
公司前台辞职报告
2014/01/19 职场文书
亲戚结婚的请假条
2014/02/11 职场文书
酒店七夕情人节活动策划方案
2014/08/24 职场文书
公司给客户的感谢信
2015/01/23 职场文书
继承公证书格式
2015/01/26 职场文书
windows安装python超详细图文教程
2021/05/21 Python
Python提取PDF指定内容并生成新文件
2021/06/09 Python
PostgreSQL并行计算算法及参数强制并行度设置方法
2022/04/07 PostgreSQL