前端开发技巧汇总-优快云博客

前段小技巧

本Markdown编辑器使用[StackEdit][6]修改而来，用它写博客，将会带来全新的体验哦：

快捷键

加粗 Ctrl + B
斜体 Ctrl + I
引用 Ctrl + Q
插入链接 Ctrl + L
插入代码 Ctrl + K
插入图片 Ctrl + G
提升标题 Ctrl + H
有序列表 Ctrl + O
无序列表 Ctrl + U
横线 Ctrl + R
撤销 Ctrl + Z
重做 Ctrl + Y

定义列表

Markdown　Extra　定义列表语法：项目１项目２

定义 A

定义 B

项目３

定义 C

定义 D

定义D内容

脚注

生成一个脚注1.

一 CSS篇

二 JS篇

1 判断元素是否隐藏

$(".he-videoUpHide.ev-videosUpHide").is(":hidden")   //控制模块显示判断

2 判断元素是否隐藏

$(".he-videoUpHide.ev-videosUpHide").is(":hidden")   //控制模块显示判断

3 倒计时

//调用方法
common.countDown({
    timeNum:_lastTime,    //剩余时间 （单位/秒）
    timeType:2,           //显示类型 1-4
    day:$('#day_show'),   //天 元素
    hour:$('#hour_show'), //小时 元素
    minute:$('.wx-remainingTimeMinute'),  //分 元素
    second:$('.wx-remainingTimeSecond'),  //秒 元素
    countDownEnd:function(){

     }
 })
//实现方法一
common.countDown=function (Obj){
    var inn=window.setInterval(function(){
        var day=0,
            hour=0,
            minute=0,
            second=0;//时间默认值
        if(Obj.timeNum > 0){
            day = Math.floor(Obj.timeNum / (60 * 60 * 24));
            hour = Math.floor(Obj.timeNum / (60 * 60)) - (day * 24);
            minute = Math.floor(Obj.timeNum / 60) - (day * 24 * 60) - (hour * 60);
            second = Math.floor(Obj.timeNum) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
        } else {
            Obj.countDownEnd();
            clearInterval(inn);
        }
        if (minute <= 9) minute = '0' + minute;
        if (second <= 9) second = '0' + second;
        switch (Obj.timeType){
            case 1:
                Obj.second.text(second);
                break;
            case 2:
                Obj.minute.text(minute);
                Obj.second.text(second);
                break;
            case 3:
                Obj.hour.text(hour);
                Obj.minute.text(minute);
                Obj.second.text(second);
                break;
            case 4:
                Obj.day.text(day);
                Obj.hour.text(hour);
                Obj.minute.text(minute);
                Obj.second.text(second);
                break;
        }
        Obj.timeNum--;
    }, 1000);
};

//实现方法二（ES6）
countDown(time) {
          let _this = this;
          let _codeTime = time;
          _this.codeTime = _codeTime-- + "s";
          _this.getCode = false;
          let inn = window.setInterval(()=>{
            if (_codeTime > 0) {
              _this.codeTime = _codeTime-- + "s";
            } else {
              _this.getCode = true;
              _this.codeTime = "重新获取";
              clearInterval(inn);
            }
          }, 1000);
        },

4 计算两个日期之间的天数

function GetDateDiff(startDate,endDate){  
    var startTime = new Date(Date.parse(startDate.replace(/-/g,   "/"))).getTime();
    console.log(startTime)    
    var endTime = new Date(Date.parse(endDate.replace(/-/g,   "/"))).getTime();
    console.log(endTime)
    var dates = Math.abs((startTime - endTime))/(1000*60*60*24);      //返回天数
    console.log(dates);
    return  parseInt(dates);    
}

5 URL中替换参数值

function urlReplace(url, arg, val){
   let pattern = arg+'=([^&]*)';
   let replaceText = arg+'='+val;
   return url.match(pattern) ? url.replace(eval('/('+ arg+'=)([^&]*)/gi'), replaceText) : (url.match('[\?]') ? url+'&'+replaceText : url+'?'+replaceText);
}