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中对象继承的实现小例
May 12 Javascript
js自定义回调函数
Dec 13 Javascript
javascript实现在网页中运行本地程序的方法
Feb 03 Javascript
JavaScript判断数字是否为质数的方法汇总
Jun 02 Javascript
AngularJS 输入验证详解及实例代码
Jul 28 Javascript
微信小程序 scroll-view组件实现列表页实例代码
Dec 14 Javascript
canvas实现绘制吃豆鱼效果
Jan 12 Javascript
js实现一个简单的数字时钟效果
Mar 29 Javascript
JS实现十字坐标跟随鼠标效果
Dec 25 Javascript
angular4+百分比进度显示插件用法示例
May 05 Javascript
js实现多张图片每隔一秒切换一张图片
Jul 29 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
Sep 22 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
高分R级DC动画剧《哈莉·奎茵》第二季正式预告首发
2020/04/09 欧美动漫
java EJB 加密与解密原理的一个例子
2008/01/11 PHP
浅析关于PHP位运算的简单权限设计
2013/06/30 PHP
PHP set_error_handler()函数使用详解(示例)
2013/11/12 PHP
destoon实现底部添加你是第几位访问者的方法
2014/07/15 PHP
PHP中使用hidef扩展代替define提高性能
2015/04/09 PHP
PHP中set_include_path()函数相关用法分析
2016/07/18 PHP
jQuery Ajax 全解析
2009/02/08 Javascript
Javascript中的匿名函数与封装介绍
2015/03/15 Javascript
javascript的BOM汇总
2015/07/16 Javascript
IE8下jQuery改变png图片透明度时出现的黑边
2015/08/30 Javascript
js实现跨域的多种方法
2015/12/25 Javascript
JS实现列表的响应式排版(推荐)
2016/09/01 Javascript
基于angularJS的表单验证指令介绍
2016/10/21 Javascript
JavaScript动态检验密码强度的实现方法
2016/11/09 Javascript
利用10行js代码实现上下滚动公告效果
2017/12/08 Javascript
详解Vue 事件修饰符capture 的使用
2017/12/29 Javascript
mpvue+vant app搭建微信小程序的方法步骤
2019/02/11 Javascript
利用es6 new.target来对模拟抽象类的方法
2019/05/10 Javascript
解决axios post 后端无法接收数据的问题
2019/10/29 Javascript
python3序列化与反序列化用法实例
2015/05/26 Python
利用python实现数据分析
2017/01/11 Python
python list多级排序知识点总结
2019/10/23 Python
numpy np.newaxis 的实用分享
2019/11/30 Python
keras实现VGG16方式(预测一张图片)
2020/07/07 Python
英国领先的杂志订阅网站:Magazine.co.uk
2018/01/25 全球购物
亚马逊新加坡官方网站:Amazon.sg
2020/03/25 全球购物
函授毕业生自我鉴定
2013/11/06 职场文书
新闻系毕业生推荐信
2013/11/16 职场文书
便利店投资创业计划书
2014/02/08 职场文书
企业文化标语口号
2014/06/09 职场文书
缅怀先烈演讲稿
2014/09/03 职场文书
五好文明家庭事迹材料
2014/12/20 职场文书
学生个人总结范文
2015/02/15 职场文书
道歉短信大全
2015/05/12 职场文书
安全生产感想
2015/08/07 职场文书