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来 ...
随机推荐
- OM Responsibility Flow
- DPF.Android.Native.Components.v2.8.1 for delphi xe6 使用DPFJAlertDialog遇到的问题
使用DPFJAlertDialog控件时发现DPFJAlertDialog1Click不能捕获到对话框到底按了那个按键,上网搜索后找到了解决方法: 打开DPF.Android.JAlertDialog ...
- 转:[web]javascript 增加表單的input
利用javascript增加form的input 這是js的部份 //用來區分不同input的name var element_count = 0; function add_element(obj) ...
- Spring Boot多数据源
我们在开发过程中可能需要用到多个数据源,我们有一个项目(MySQL)就是和别的项目(SQL Server)混合使用了.其中SQL Server是别的公司开发的,有些基本数据需要从他们平台进行调取,那么 ...
- 数据解析之xpath
一.环境安装 下载lxml pip install lxml 二.使用 XPath 使用路径表达式来选取 XML 文档中的节点或节点集.节点是通过沿着路径 (path) 或者步 (steps) 来选取 ...
- [译文]Casperjs1.1.0参考文档-快速开始
快速开始 只要casperjs被正确安装,你就可以开始写你的第一个脚本,你可以使用javascript或者coffiescript编译脚本. 提示: 如果你对javascript不是很熟悉,最好先看专 ...
- 绿色版NVM安装与配置详细说明
绿色版本(不需要安装,直接解压,然后配置环境变量等) 由于最初发布的nvm并不支持window,所以如果希望可以像在*nix上一样控制node的版本,有两种选择: nvm-windows nodi ...
- centos6+如何对外开放80，3306端口号或者其他端口号
1.查看防火墙对外开放了哪些端口 [root@hadoop110 ~]# iptables -L -n Chain INPUT (policy ACCEPT) target prot opt sour ...
- c#Udp分包组包方法
udp通信协议,相信大家都知道这个.由于是无连接的协议,所有udp的传输效率比tcp高.但是udp协议传输较大的数据文件得分包 最近写了个分包组包的方法,拿来和大家分享,如果有什么不妥的地方,欢迎点评 ...
- urlencode编码问题（以及urlparse） 转
网址链接中的中文编码 中文的gbk(GB2312)编码: 一个汉字对应两组%xx,即%xx%xx 中文的UTF-8编码: 一个汉字对应三组%xx,即%xx%xx%xx 可以利用百度进行URL编码解码 ...