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 相关文章推荐
Prototype源码浅析 String部分(三)之HTML字符串处理
Jan 15 Javascript
Jquery网页内滑动缓冲导航的实现代码
Apr 05 Javascript
简介JavaScript中Boolean.toSource()方法的使用
Jun 05 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
Oct 14 Javascript
使用JavaScriptCore实现OC和JS交互详解
Mar 28 Javascript
Vue中定义全局变量与常量的各种方式详解
Aug 23 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
Oct 09 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
Sep 26 Javascript
vue下的@change事件的实现
Oct 25 Javascript
js实现随机点名器精简版
Jun 29 Javascript
使用vue引入maptalks地图及聚合效果的实现
Aug 10 Javascript
vue完美实现el-table列宽自适应
May 08 Vue.js
详解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流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
LBS blog sql注射漏洞[All version]-官方已有补丁
2007/08/26 Javascript
jquery.ui.draggable中文文档
2009/11/24 Javascript
Javascript小技巧之生成html元素
2014/05/15 Javascript
JS简单实现无缝滚动效果实例
2016/08/24 Javascript
微信小程序 loading 详解及实例代码
2016/11/09 Javascript
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
2017/01/04 Javascript
基于BootStrap multiselect.js实现的下拉框联动效果
2017/07/28 Javascript
Node中使用ES6语法的基础教程
2018/01/05 Javascript
在Create React App中使用CSS Modules的方法示例
2019/01/15 Javascript
详解easyui 切换主题皮肤
2019/04/04 Javascript
no-vnc和node.js实现web远程桌面的完整步骤
2019/08/11 Javascript
JavaScript实现省份城市的三级联动
2020/02/11 Javascript
JS+HTML实现自定义上传图片按钮并显示图片功能的方法分析
2020/02/12 Javascript
React中Ref 的使用方法详解
2020/04/28 Javascript
javascript实现移动端触屏拖拽功能
2020/07/29 Javascript
基于脚手架创建Vue项目实现步骤详解
2020/08/03 Javascript
[02:13] 完美世界DOTA2联赛PWL DAY5集锦
2020/11/03 DOTA
Python的gevent框架的入门教程
2015/04/29 Python
Python使用回溯法子集树模板解决迷宫问题示例
2017/09/01 Python
python numpy实现文件存取的示例代码
2019/05/26 Python
Python搭建Spark分布式集群环境
2019/07/05 Python
tensorflow2.0的函数签名与图结构(推荐)
2020/04/28 Python
利用python绘制中国地图(含省界、河流等)
2020/09/21 Python
Python在线和离线安装第三方库的方法
2020/10/31 Python
超酷炫 CSS3垂直手风琴菜单
2016/06/28 HTML / CSS
基于HTML5 的人脸识别活体认证的实现方法
2016/06/22 HTML / CSS
西班牙香水和化妆品购物网站:Arenal Perfumerías
2019/03/01 全球购物
罗技英国官方网站:Logitech UK
2020/11/03 全球购物
财务分析个人的自荐书范文
2013/11/24 职场文书
英文商务邀请信
2014/01/22 职场文书
中队活动总结
2014/08/27 职场文书
房地产公司财务总监岗位职责
2015/04/03 职场文书
《詹天佑》教学反思
2016/02/20 职场文书
Golang jwt身份认证
2022/04/20 Golang
pd.drop_duplicates删除重复行的方法实现
2022/06/16 Python