JS开发自己的类库实例分析
时间:2019-08-28
本文章向大家介绍JS开发自己的类库实例分析,主要包括JS开发自己的类库实例分析使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
本文实例分析了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程序设计有所帮助。
- SpringMVC【开发Controller】详解
- 巧用外部表备份历史数据(r5笔记第62天)
- Github 项目推荐 | 最小化类 AlphaGo Zero 引擎 —— Nochi
- 半自动化运维之快速连接到指定环境(一) (r5笔记第61天)
- Spring【DAO模块】知识要点
- 浅谈exp/imp(上) (r5笔记第81天)
- Java高并发秒杀系统【观后总结】
- 【专业技术】引擎算法探究
- 阅读SSM项目之scm
- 阅读SSH项目之ERP
- Hybris商品图片导入与压缩有关的配置
- 一条sql语句的建议调优分析(r5笔记第73天)
- O API - REST APIs的替代品
- 【专业技术】从4行代码看右值引用
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法