文档章节

最近做项目,前端的一些总结

配道与义
 配道与义
发布于 2016/08/19 15:37
字数 588
阅读 16
收藏 0

虽然算法对于前端来说不是那么重要,但是还是不可避免地会遇到一些算法问题,对于我遇到的一些问题,有一些原创性的总结,我现在总结如下

1,获取过去7天的时间:

 $("#chooselastweek").click(function(){        //点击获取过去七天的按钮。
          var dat= new Date();
          dat.setDate(dat.getDate()-1)            //获取昨天日期
          var year=dat.getFullYear();
          var month=dat.getMonth()+1;
          var day=dat.getDate();
          var str1=formatDate(year+"-" + month+ "-" +day);
          $("#endtimeshow").attr("value",str1);   // 终止日期
           $("#endtimeshow").val(str1);
          dat.setDate(day-6);
           var year=dat.getFullYear();
           var month=dat.getMonth()+1;
            var day=dat.getDate();
            var str2= formatDate(year + "-" + month + "-" + day);
            $("#starttimeshow").attr("value",str2);   //起始日期
            $("#starttimeshow").val(str2);
            if ($("#date_alert").text() != "") {
                $("#date_alert").text("");
           }
      })

2,把以“分”为单位的金额格式化为“元”,比如“12345456“那么应该得到"123,454.56",注意中间室友逗号隔开的。

function moneyUnitCoversion(strNum){   //把金额的显示效果进行改变
           var num=parseInt(strNum); 
           num=(num/100).toFixed(2); 
           var str=num.toString();
           var Arr=str.split(".");
           var a=Arr[0].split("");
           var len=a.length;
           if(len>3){
              for(var i=len-4;i>=0&&a[i]!="-";i=i-3){
                  a[i]=a[i]+",";
              }
           }
          Arr[0]=a.join("");
          str=Arr[0]+"."+Arr[1];
         return str;
   }

3,确认一个数组里面有没有重复的数

function isRepeat(arr){
  var hash = {};
  for(var i in arr) {
     if(hash[arr[i]]){
         return true;
     }
      hash[arr[i]] = true;
  }
  return false;
}

4,用div的方法画出条形图,为什么不选择用canvas画,因为div的点击效果好,点击条形图的每一个柱子,可以触发事件。

function drawChart(searchType,data,cat,resp){                  //画折线图函数
    var wrapWidth=$(window).width();
    var top;
    var left=0;
    var hei;
    var lis="";
    var len=data.length;
  var max=data[0].refundAmount;
   for(var i=1;i<len;i++){
             if(data[i].refundAmount>max){
                 max=data[i].refundAmount;
             }
   }
    if(max==0){
             max=1;
   }

         $("#showchart").css("width",wrapWidth+"px");

 for(var i=0;i<len;i++){
             top=165-165*data[i].refundAmount/max;
             hei=180-top;
             lis+="<div class='singlePart' style='top:"+top+"px;left:"+left+"px;height:"+hei+"px;'><p>"+data[i].timeStr+"</p></div>";
             left+=74;
   }
    $("#showchart").append(lis);
    $("#showchart").scrollLeft(left-wrapWidth-30);

}

5,合并两个json对象

 function mergeJsonObject(jsonbject1, jsonbject2){       //合并对象的函数
        var resultJsonObject=[];  
            var count=0;
            for(var i=0,len=jsonbject1.length;i<len;i++){
               resultJsonObject[count]=jsonbject1[i];
               count++;
             }

            for(var i=0,len=jsonbject2.length;i<len;i++){  
                resultJsonObject[count]=jsonbject2[i];
                count++; 
            }  
  
            return resultJsonObject;  
  }

6,设置localStorage每天凌晨4点过期功能

function getExpireDate(){                                    //设置过期日期
         var date=new Date();
         date.setDate(date.getDate()+1);
         date.setHours(4);
         date.setMinutes(0);     //获取分钟数(0-59)
         date.setSeconds(0);     
         return date;
}

var str = getExpireDate().toString();
  if ( new Date().getTime() > new Date(localStorage.date).getTime()) {
    localStorage.clear();
    localStorage.setItem("date", str);

  localStorage.setItem("data", data);  //重新存入数据
  }

 

© 著作权归作者所有

配道与义
粉丝 4
博文 14
码字总数 4807
作品 0
杭州
私信 提问
美团前端程序员第二轮面试的10个问题,你会几个?

近日,w3cschool app开发者头条上分享了美团前端程序员第二轮面经,引来了不少程序员粉丝们的围观。 在分享面经之前,不妨先了解一下前端面试应该做好哪些准备呢? 0、前端面试加分 前端面试g...

W3Cschool
2018/04/19
0
0
使用bootstrap table 数据绑定

1、最近一直在用bootstrap table 这个前端框架做项目,下面是使用bootstrap table 的一些总结 这个使用.Net 中MVC做的: 2、这个是基本的boostrap table 的 架构 ,下面的 【 queryParams:fu...

IT随行人
2018/11/22
0
0
.net core项目实战汇总

背景 项目需求其实很简单,类似于一个简单的审批+简单的任务管理系统,但需要同时有PC端和APP端。 由于项目规模不大,时间也比较宽裕,组内商量下来干脆全采用新技术来踩踩坑。这么一提,大家...

2018/04/26
0
0
.net core项目实战之回顾总结

图片来自网络 最近公司的一个小项目尝试使用 .net core作为服务端进行开发,并顺利上线运行了一段时间,整体效果还是比较满意的。这里记录下整体开发过程,用于备忘和分享 背景 项目需求其实...

Bug生活2048
2018/03/14
0
0
10月学习总结:选择合适的框架进行快速开发

前言: 9月没有写学习总结,9月份事情有点多,平时学习时间也太少,工作中也只是重复造了一些轮子,没啥可记录的,就没有总结了,直接大跃进,进行10月总结,如果10月再不总结,那就是大大跃...

卖小女孩的小火柴
2015/11/14
193
2

没有更多内容

加载失败,请刷新页面

加载更多

cpu load过高问题排查

load average的概念 top命令中load average显示的是最近1分钟、5分钟和15分钟的系统平均负载。 系统平均负载被定义为在特定时间间隔内运行队列中(在CPU上运行或者等待运行多少进程)的平均进程...

mskk
今天
6
0
用spring boot 实现websocket

import java.io.IOException;import javax.websocket.OnClose;import javax.websocket.OnError;import javax.websocket.OnMessage;import javax.websocket.OnOpen;import java......

jingshishengxu
今天
4
0
shell介绍,命令历史,命令补全和别名,通配符,输入输出重定向,管道符和作业控制

shell介绍 可以使用 yum list |grep zsh 或者 yum list |grep ksh 这样可以搜索 zsh 和 ksh ,有需要的话可以安装 总之,默认使用的就是 .bash shell 命令历史 输入过的命令会被保存在一个文...

doomcat
今天
7
0
1995年的资深工程师,和你谈谈如何进阶

1995年的资深工程师,和你谈谈如何进阶 自我介绍 网络ID:杭城小刘,城市:顾名思义,人在杭州。1995年出生,本科毕业,现在是一名 iOS 资深工程师,年薪 35w。兴趣爱好广泛:乒乓球、美食、...

杭城小刘
今天
10
0
Kafka 面试题

1.Kafka中的ISR、AR代表什么? ISR:与leader保持同步的follower集合 AR:分区的所有副本 2.Kafka中的HW、LEO分别代表什么? LEO:每个副本的最后条消息的offset HW:一个分区中所有副本最小...

djm猿
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部