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 相关文章推荐
Ajax搜索结果页面下方的分页按钮的生成
Apr 05 Javascript
JS+CSS实现实用的单击输入框弹出选择框的方法
Feb 28 Javascript
JavaScript制作windows经典扫雷小游戏
Mar 31 Javascript
微信企业号开发之微信考勤百度地图定位
Sep 11 Javascript
vue.js指令v-model实现方法
Dec 05 Javascript
js继承实现方法详解
Dec 16 Javascript
微信小程序 MD5的方法详解及实例代码
Mar 10 Javascript
聊聊Vue.js的template编译的问题
Oct 09 Javascript
js 客户端打印html 并且去掉页眉、页脚的实例
Nov 03 Javascript
vue实现在表格里,取每行的id的方法
Mar 09 Javascript
微信小程序动态增加按钮组件
Sep 14 Javascript
jQuery实现增删改查
Dec 22 jQuery
详解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获取文件后缀名的三个函数
2012/10/15 PHP
PHP截取发动短信内容的方法
2017/07/04 PHP
JS应用之禁止抓屏、复制、打印
2008/02/21 Javascript
Javascript 八进制转义字符(8进制)
2011/04/08 Javascript
jQuery(js)获取文字宽度(显示长度)示例代码
2013/12/31 Javascript
jQuery实现模拟marquee标签效果
2015/07/14 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
2016/09/28 Javascript
JS数组搜索之折半搜索实现方法分析
2017/03/27 Javascript
详解RequireJS按需加载样式文件
2017/04/12 Javascript
Angular 4环境准备与Angular cli创建项目详解
2017/05/27 Javascript
[js高手之路]原型式继承与寄生式继承详解
2017/08/28 Javascript
浅谈webpack+react多页面开发终极架构
2018/11/11 Javascript
Angular(5.2-&gt;6.1)升级小结
2018/12/27 Javascript
Nuxt.js 数据双向绑定的实现
2019/02/17 Javascript
Node.js Windows Binary二进制文件安装方法
2019/05/16 Javascript
nodejs中实现修改用户路由功能
2019/05/24 NodeJs
vue点击当前路由高亮小案例
2019/09/26 Javascript
基于Vue el-autocomplete 实现类似百度搜索框功能
2019/10/25 Javascript
[01:10:16]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第一局
2016/02/27 DOTA
python threading模块操作多线程介绍
2015/04/08 Python
python异常处理之try finally不报错的原因
2020/05/18 Python
pycharm 关掉syntax检查操作
2020/06/09 Python
基于CentOS搭建Python Django环境过程解析
2020/08/24 Python
女装和独特珠宝:Sundance Catalog
2018/09/19 全球购物
信息技术专业大学生个人的自我评价
2013/10/05 职场文书
个人实用简单的自我评价
2013/10/19 职场文书
电台实习生求职信
2014/02/25 职场文书
学生请假条格式
2014/04/11 职场文书
《宿建德江》教学反思
2014/04/23 职场文书
图书馆志愿者活动总结
2014/06/27 职场文书
银行党的群众路线教育实践活动对照检查材料
2014/09/25 职场文书
群众路线对照检查剖析材料
2014/10/09 职场文书
2015年个人剖析材料范文
2014/12/29 职场文书
论文致谢词范文
2015/05/14 职场文书
2016年三八节红领巾广播稿
2015/12/17 职场文书
python opencv检测直线 cv2.HoughLinesP的实现
2021/06/18 Python