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 相关文章推荐
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
Dec 27 Javascript
JavaScript参数个数可变的函数举例说明
Oct 10 Javascript
jquery实现美观的导航菜单鼠标提示特效代码
Sep 06 Javascript
网页从弹窗页面单选框传值至父页面代码分享
Sep 29 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
Dec 02 Javascript
JSON 的正确用法探讨:Pyhong、MongoDB、JavaScript与Ajax
May 15 Javascript
如何检测JavaScript的各种类型
Jul 30 Javascript
把多个JavaScript函数绑定到onload事件处理函数上的方法
Sep 04 Javascript
jQuery实现字符串全部替换的方法
Dec 12 Javascript
jQuery 禁止表单用户名、密码自动填充功能
Oct 30 jQuery
layui实现把数据表格时间戳转换为时间格式的例子
Sep 12 Javascript
vue项目使用.env文件配置全局环境变量的方法
Oct 24 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实现下载生成某链接快捷方式的解决方法
2013/05/07 PHP
ThinkPHP框架实现session跨域问题的解决方法
2014/07/01 PHP
将PHP从5.3.28升级到5.3.29时Nginx出现502错误
2015/05/09 PHP
php中memcache 基本操作实例
2015/05/17 PHP
CI框架中redis缓存相关操作文件示例代码
2016/05/17 PHP
yii框架无限极分类的实现方法
2017/04/08 PHP
JavaScript 常用函数
2009/12/30 Javascript
js 设置选中行的样式的实现代码
2010/05/24 Javascript
JavaScript类型转换方法及需要注意的问题小结(挺全面)
2010/11/11 Javascript
js对象数组按属性快速排序
2011/01/31 Javascript
FusionCharts图表显示双Y轴双(多)曲线
2012/11/22 Javascript
js和jquery中循环的退出和继续下一个循环
2014/09/03 Javascript
使用jQuery判断Div是否在可视区域的方法 判断div是否可见
2016/02/17 Javascript
jquery实现的回旋滚动效果完整实例【附demo源码下载】
2016/09/20 Javascript
Angular 常用指令实例总结整理
2016/12/13 Javascript
jqGrid翻页时数据选中丢失问题的解决办法
2017/02/13 Javascript
js限制input只能输入有效的数字(第一个不能是小数点)
2018/09/28 Javascript
es6数据变更同步到视图层的方法
2019/03/04 Javascript
layui 表单标签的校验方法
2019/09/04 Javascript
[32:36]完美世界DOTA2联赛PWL S3 LBZS vs CPG 第二场 12.12
2020/12/16 DOTA
python生成验证码图片代码分享
2016/01/28 Python
Python 内置函数complex详解
2016/10/23 Python
python实现二叉树的遍历
2017/12/11 Python
Python3实现爬虫爬取赶集网列表功能【基于request和BeautifulSoup模块】
2018/12/05 Python
Python面向对象程序设计之类的定义与继承简单示例
2019/03/18 Python
CSS3中利用animation属性创建雪花飘落特效
2014/05/14 HTML / CSS
美国杂志订阅折扣与优惠网站:Magazines.com
2016/08/31 全球购物
墨西哥网上购物:Linio墨西哥
2016/10/20 全球购物
数以千计的折扣工业产品:ESE Direct
2018/05/20 全球购物
德国前卫设计师时装在线商店:Luxury Loft
2019/11/04 全球购物
bonprix荷兰网上商店:便宜的服装、鞋子和家居用品
2020/07/04 全球购物
中学教师实习自我鉴定
2013/09/28 职场文书
文明家庭先进事迹材
2014/01/27 职场文书
小学毕业典礼主持词
2014/03/27 职场文书
家长寄语大全
2014/04/02 职场文书
工会经费申请报告
2015/05/15 职场文书