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获取自定义属性(attr和prop)实例介绍
Apr 21 Javascript
from 表单提交返回值用post或者是get方法实现
Aug 21 Javascript
javascript快速排序算法详解
Sep 17 Javascript
Javascript设计模式之观察者模式(推荐)
Mar 29 Javascript
JavaScript中实现无缝滚动、分享到侧边栏实例代码
Apr 06 Javascript
javascript 动态样式添加的简单实现
Oct 11 Javascript
JS/jQuery判断DOM节点是否存在的简单方法
Nov 24 Javascript
JS调用安卓手机摄像头扫描二维码
Oct 16 Javascript
JavaScript 正则应用详解【模式、欲查、反向引用等】
May 13 Javascript
Vue+axios封装请求实现前后端分离
Oct 23 Javascript
解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题
Nov 05 Javascript
js面向对象封装级联下拉菜单列表的实现步骤
Feb 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
discuz 首页四格:最新话题+最新回复+热门话题+精华文章插件
2007/08/19 PHP
一个PHP数组应该有多大的分析
2009/07/30 PHP
paypal即时到账php实现代码
2010/11/28 PHP
php学习笔记 php中面向对象三大特性之一[封装性]的应用
2011/06/13 PHP
Apache实现Web Server负载均衡详解(不考虑Session版)
2013/07/05 PHP
对于PHP 5.4 你必须要知道的
2013/08/07 PHP
thinkPHP3.x常量整理(预定义常量/路径常量/系统常量)
2016/05/20 PHP
Thinkphp框架开发移动端接口(1)
2016/08/18 PHP
PHP substr()函数参数解释及用法讲解
2017/11/23 PHP
Laravel框架执行原生SQL语句及使用paginate分页的方法
2018/08/17 PHP
url地址自动加#号问题说明
2010/08/21 Javascript
jquery中的常用事件bind、hover、toggle等示例介绍
2014/07/21 Javascript
AngularJS中$http的交互问题
2017/03/29 Javascript
js遍历获取表格内数据的方法(必看)
2017/04/06 Javascript
浅谈vue路径优化之resolve
2017/10/13 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
2017/11/03 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
2019/07/05 Javascript
vue.js实现简单的计算器功能
2020/02/22 Javascript
pyenv命令管理多个Python版本
2017/03/26 Python
Python解惑之整数比较详解
2017/04/24 Python
python利用MethodType绑定方法到类示例代码
2017/08/27 Python
python操作MySQL 模拟简单银行转账操作
2017/09/27 Python
Python3 中把txt数据文件读入到矩阵中的方法
2018/04/27 Python
Python爬虫常用小技巧之设置代理IP
2018/09/13 Python
Python 脚本获取ES 存储容量的实例
2018/12/27 Python
对python列表里的字典元素去重方法详解
2019/01/21 Python
Python的缺点和劣势分析
2019/11/19 Python
python 实现将Numpy数组保存为图像
2020/01/09 Python
Python Selenium XPath根据文本内容查找元素的方法
2020/12/07 Python
python画图时设置分辨率和画布大小的实现(plt.figure())
2021/01/08 Python
Original Penguin美国官网:布拉德皮特、强尼德普喜爱的服装品牌
2016/10/25 全球购物
世界上最受欢迎的钓鱼诱饵:Rapala
2019/05/02 全球购物
Ado与Ado.net的相同与不同
2014/12/08 面试题
线程同步的方法
2016/11/23 面试题
幼儿园中班教学反思
2014/02/10 职场文书
园林技术个人的自我评价
2014/02/15 职场文书