pulic——功能性(自己写完测试的)
一、
- 构建一个数组【“00:00”,"00:05"..."23:55"】的数组
function buildAxis(){
var ary=[];
ary.push("00:00");
var start = Date.UTC(2017,1,1,-8,0,0);
for(var i=0;i<288;i++){
start += 1000*60*5;//(5分钟的毫秒数)
var _date=new Date(start);
var Hours=cal(_date.getHours());
var Minutes=cal(_date.getMinutes());
ary.push(Hours+":"+Minutes);
}
ary.pop();
return ary;
}
function cal(o){
if(o<10&&String(o).length==1){
return "0"+o;
}else{
return o;
}
} - 根据输入的年月份（2017-09），返回月份每一天的数组 【“2017-09-01*******2017-09-30”】注意天数
/**
* @desc 根据月份得出当前日月年天数的数组【2018-06-01,2018-06-02...2018-06-30】。
* @param str
* @return {Array} arr
*/
function getCountDays(str) {
var year=str.substr(0,4);
var month=str.substr(-2);
var curDate = new Date(year,month,0);//如果是0返回最后一天 /* 返回当月的天数 */
var day= curDate.getDate();
var dayArr=[];
for (var k = 1; k <=day; k++){
dayArr.push(str.substr(0,4)+"-"+str.substr(-2)+"-"+add0(k)); }
return dayArr;
}
function add0(o){
if(o<10&&String(o).length==1){
return "0"+o;
}else{
return o;
}
}
var str="2017-06";
var arr=getCountDays(str);
console.log(arr);//["2017-06-01","2017-06-02","2017-06-03"..."2017-06-30"]
附加实例，$.grep筛选
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=SLrOIdVUUI5fbvsZTMqTFshsG993NBAG"></script>
<title>地图展示</title>
<style type="text/css">
img { width: 150px !important;}
</style>
</head>
<body>
</body>
</html>
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
<script type="text/javascript">
//原数组
var rowData=[
{date:'2017-09-18',fzlMax:0.18,fzlMin:0.12},
{date:'2017-09-20',fzlMax:0.25,fzlMin:0.2},
{date:'2017-09-19',fzlMax:0.22,fzlMin:0.12}
]
//需要的数组格式
var series=[
{
name:'最大负载',
type:"line",
data:[]
},{
name:'最小负载',
type:"line",
data:[]
}
]
//第一步：组成每一天的大数组 dateArr ["2017-09-01"****"2017-09-31"]
window.onload=function(){
var str="2017-09";
var dateArr=getCountDays(str);
//第二部：循环数组
for(var j=0;j<dateArr.length;j++){
var ary=$.grep(rowData,function(n,dIndex){
return (n.date==dateArr[j]);
})
if(ary.length>0){
series[0].data.push(ary[0].fzlMax);
series[1].data.push(ary[0].fzlMin);
}else{
series[0].data.push("-");
series[1].data.push("-");
}
}
console.log(series);
} function add0(o){
if(o<10&&String(o).length==1){
return "0"+o;
}else{
return o;
}
}
function getCountDays(str) {
var year=str.substr(0,4);
var month=str.substr(-2);
var curDate = new Date(year,month,0);//如果是0返回最后一天
/* 返回当月的天数 */
var day= curDate.getDate();
var dayArr=[];
for (var k = 1; k <=day; k++) {
dayArr.push(str.substr(0,4)+"-"+str.substr(-2)+"-"+add0(k));
}
return dayArr;
} </script>
- 两个数组相除
Number.prototype.toMyFixed=function(){
try{
if(Math.abs(this)>1000){
return parseFloat(this.toFixed(0),10);
}else if(Math.abs(this)<1){
return parseFloat(this.toFixed(4),10);
}else{
return parseFloat(this.toFixed(2),10);
}
}catch(e){
return this;
}
}
var arr1=[2,4,6];
var arr2=[1,2,3];
alert(calc(arr1,arr2));
//[2,2,2];两个数组相除
function calc(arr1,arr2){
var arr=[];
for(var i=0;i<arr1.length;i++){
var val=devided(arr1[i],arr2[i]);
arr.push(val);
}
return arr;
}
function devided(topNum,botNum){
if(isNaN(topNum)||isNaN(botNum)||parseFloat(botNum)==0){
return "-";
}else{
return Number(topNum/botNum).toMyFixed();
}
}
3.数组求和
/**
* @desc 对一个数组进行求和。
* @param 数组
* @return {string} sum
*/
function arrSum(arr){
if(!arr||arr.length===0){
return 0;
}
var sum=arr.reduce(function(x,y){
x=isNaN(x)?0:x;
y=isNaN(y)?0:y;
return Number(parseFloat(x)+parseFloat(y)).toFixed(2);
},0)
return sum;
}
4.将样式字符串改成对象 2019/06/12 组态中按钮样式合并用到
var style="width:100px;height:200px;border:1px solid red;border-radius:8px 10px 2px 5px";
console.log(styleToObject(style));//{width:100px,height:200px,border:1px solid red,border-radius:8px 10px 2px 5px}
/**把样式字符串样式转化为{}
*@param style:样式字符串
**/
function styleToObject(style) {
let styleObject = {} if (style && style != '' && style !== 'null') {
const len = style.length
styleObject = style.charAt(len - 1) === ';' ? '{' + style + '}' : '{' + style + ';}' // 统一样式后面以";"结束 // 将字符串转化为json标准字符串
styleObject = styleObject.replace(/{/g, '{\"')
styleObject = styleObject.replace(/:/g, '\":\"')
styleObject = styleObject.replace(/;/g, '\",\"')
styleObject = styleObject.replace(/,"}/g, '}') // 将json标准字符串转化为{}对象
styleObject = JSON.parse(styleObject)
}
return styleObject
}
pulic——功能性(自己写完测试的)的更多相关文章
- 不写完不让回家的JQuery的事件与动画
在这看不见太阳的小黑屋里,苦逼的一天又开始了 好了闲话我也就不扯了,接下来我就来说说我对jQuery事件和动画的理解吧!!! 还是得再扯两句,我们敬爱的,Y老师讲完了,jQuery事件和动画,对着我们 ...
- 刚写完的商城erp + 这个商城前台，新鲜出炉。自己1个人写, 包括php框架和前端html页面.
刚写完的商城erp + 这个商城前台,新鲜出炉.自己1个人写, 包括php框架和前端html页面. 刚写完的商城erp + 这个商城前台,新鲜出炉.自己1个人写, 包括php框架和前端html页面.
- Java基础-继承-编写一个Java应用程序，设计一个汽车类Vehicle，包含的属性有车轮个数 wheels和车重weight。小车类Car是Vehicle的子类，其中包含的属性有载人数 loader。卡车类Truck是Car类的子类，其中包含的属性有载重量payload。每个 类都有构造方法和输出相关数据的方法。最后，写一个测试类来测试这些类的功 能。
#29．编写一个Java应用程序,设计一个汽车类Vehicle,包含的属性有车轮个数 wheels和车重weight.小车类Car是Vehicle的子类,其中包含的属性有载人数 loader.卡车类T ...
- Scrum：The Definition of Done —— 作业有没有写完呢？
Scrum:The Definition of Done -- 作业有没有写完呢?_苗得雨_新浪博客 http://blog.sina.com.cn/s/blog_59450ffc0102eiai.h ...
- HDU 4640 状态压缩DP 未写完
原题链接:http://acm.hdu.edu.cn/showproblem.php?pid=4640 解题思路: 首先用一个简单的2^n*n的dp可以求出一个人访问一个给定状态的最小花费,因为这i个 ...
- 用putty玩linux的时候由于以前用window 习惯写完东西按一下ctrl+s 保存
问题描述:用putty玩linux的时候由于以前用window 习惯写完东西按一下ctrl+s 保存,但是在putty一按下就不能再输入了.后来查找到:ctrl+s 是putty的一个命令大概是这样子 ...
- Word 双栏排版最后多一页空白页删不掉、左栏文字没写完就到右栏了
1. 问题 问题:Word双栏排版,最后多一页空白页,删不掉.如图: 原因分析:删不掉是因为末尾文字处其实有个下一页分节符,只不过可能看不到. 如何清晰的看到? 视图 > 大纲,就可以看到了.如 ...
- Linux安装Oracle 11G过程（测试未写完）
一.简介 Oracle数据库在系统运维中的重要性不言而喻,通过熟悉Oracle的安装来加深对操作系统和数据库知识的了解.Linux安装Oracle前期修改linux内核参数很重要,其实就是linux下 ...
- LINUX下多路径的介绍和安装配置（测试未写完）
一.什么是多路径 普通的电脑主机都是一个硬盘挂接到一个总线上,这里是一对一的关系.而到了有光纤组成的SAN环境,或者由iSCSI组成的IPSAN环境,由于主机和存储通过了光纤交换机或者多块网卡及IP来 ...
随机推荐
- DataGridView移动上下行
/// <summary> /// 移动行 /// </summary> /// <param name="i_UpFlag">移动标识,tru ...
- 国外物联网平台（6）：Electric Imp
国外物联网平台(6)——Electric Imp 马智 公司背景 Electric Imp成立于2011年,公司设立在美国加利福尼亚州洛斯阿尔托斯和英国剑桥 公司投资者包括:富士康技术集团.PTI创投 ...
- MSSQL 静态值查询
有些时候可能会需要查询一些静态值 ), (),()) AS tabName ( c1 ) 演变1.多列 ,), (,),(,)) AS tabName ( c1,c2 ) 演变2.聚合 ), (),( ...
- 使用VS Code编写Markdown文件
VS Code默认支持Markdown文件文件格式,这里介绍两个比较实用的功能,后续有新发现,可以持续更新. 实时预览 顾名思义,实时编辑,实时预览解析效果. 在VS Code扩展中搜索"M ...
- 小规模kvm宿主机管理-webvirtmgr安装
1.前言WebVirtMgr是近两年来发展较快,比较活跃,非常清新的一个KVM管理平台,提供对宿主机和虚机的统一管理,它有别于kvm自带的图形管理工具(virtual machine manager) ...
- 获取oracle 库所有表名
(mybatis多参)
- Selenium API（一）
1.设置浏览器大小: # -*- coding:utf- -*- from selenium import webdriver import time driver = webdriver.Firef ...
- CSS3 transition 属性——逐渐变慢/匀速/加速/减速/加速然后减速
ease: 1.ease:(逐渐变慢)默认值 2.linear:(匀速) 3.ease-in:(加速) 4.ease-out:(减速) 5.ease-in-out:(加速然后减速) 6.cubic-b ...
- [Swift]八大排序算法（二）：快速排序
排序分为内部排序和外部排序. 内部排序:是指待排序列完全存放在内存中所进行的排序过程,适合不太大的元素序列. 外部排序:指的是大文件的排序,即待排序的记录存储在外存储器上,待排序的文件无法一次装入内存 ...
- 【spring】@Qualifier注解
近期在捯饬spring的注解,现将遇到的问题记录下来,以供遇到同样问题的童鞋解决~ 先说明下场景,代码如下: 有如下接口: public interface EmployeeService { pub ...