js记录笔记

1.mouseleave和mouseout的区别：

1.不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。

2.只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。

2.js ~~

其实是一种利用符号进行的类型转换,转换成数字类型

~~true == 1
~~false == 0
  // 单个 ~
  console.log(~1337)    // -1338
 // 数字输入
   console.log(~~47.11)  // -> 47
  console.log(~~-12.88) // -> -12
  console.log(~~1.9999) // -> 1
  console.log(~~3)      // -> 3
  // 转换失败
  console.log(~~[]) // -> 0
  console.log(~~NaN)  // -> 0
  console.log(~~null) // -> 0
  // 大于32位整数时转换失败
  console.log(~~(2147483647 + 1) === (2147483647 + 1)) // -> 0

3.js !!

如何把一个任意类型的值转换为布尔类型？##

用！！
一个！是取非 再一个！又取非 相当于把这个数据转换为boolen类型了
!!相当于Boolean()

var a = 1; 
!!a ==Boolean(a) !!(a)的作用是将a强制转换为布尔型（boolean）。
  var someText = 'text';
 !!~someText.indexOf('tex'); // someText contains "tex" - true 
 !~someText.indexOf('tex'); // someText NOT contains "tex" - false
 ~someText.indexOf('asd'); // someText doesn't contain "asd" - false
 ~someText.indexOf('ext'); // someText contains "ext" - true

4.去掉百度地图的版权信息

.BMap_cpyCtrl{
display:none;
}
.anchorBL{
display:none;
}

5.$(’.logobtn’).off().on(‘click’,function(){}）

$(’.logobtn’).off().bind(‘click’,function(){})

6.jquery的$符号问题

var jq=$.noConflict();
jq(function() {
jq("#classType").mcDropdown("#categorymenu");
});

7.swiper插件处理通过append追加上去的元素

observer: true,//修改swiper自己或子元素时，自动初始化swiper
observeParents: true//修改swiper的父元素时，自动初始化swiper

8.使用js,jQuery实现修改before,after伪类的样式

网址：https://www.cnblogs.com/kain-wu/p/6610560.html
8.1.使用javascript或者jQuery切换，增加元素的类
8.2在存在的style文档中动态插入样式
document.styleSheet[0].addRule(’.red:before’,‘background-color:green’); document.styleSheet[0].insertRule(’.red:before{background-color:green}’,0);

9、创建一份新的样式表，并使用JavaScript或jQuery将其插入到中

var style = document.creatElement('style');
document.head.appendChild(style);
sheet = style.sheet;
sheet.addRule('.red:before','background-color:green');
sheet.insertRule('.red:before{background-color:green}',0);

// jQuery
$('<style>.red:before{background-color:green}</style>').appendTo('head');

10.JavaScript中数组的reduce方法

我们先来看看这个方法的官方概述：reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。

你一定也和我一样看的有点迷糊，其实reduce接收的就是一个回调函数，去调用数组里的每一项，直到数组结束。

var total = [0,1,2,3,4].reduce((a, b)=>a + b); //10

reduce接受一个函数，函数有四个参数，分别是：

1、上一次的值;

2、当前值;

3、当前值的索引;

4、数组;

reduce可以帮助我们轻松的完成很多事，除了累加，还有扁平化一个二维数组：

var flattened = [[0, 1], [2, 3], [4, 5]].reduce(function(a, b) {
 return a.concat(b);
}, []);
// flattened == [0, 1, 2, 3, 4, 5]

11.获取指定日期的前几天 格式为2016-03-23

//日期时间计算
    function getBeforeDate(n) {
        var n = n;
        var d = new Date();
        var year = d.getFullYear();
        var mon = d.getMonth() + 1;
        var day = d.getDate();
        if(day <= n) {
            if(mon > 1) {
                mon = mon - 1;
            } else {
                year = year - 1;
                mon = 12;
            }
        }
        d.setDate(d.getDate() - n);
        year = d.getFullYear();
        mon = d.getMonth() + 1;
        day = d.getDate();
        s = year + "-" + (mon < 10 ? ('0' + mon) : mon) + "-" + (day < 10 ? ('0' + day) : day);
        return s;
    }
console.log(getBeforeDate(1));//昨天的日期  
console.log(getBeforeDate(7));//前七天的日期  
console.log(getBeforeDate(0));//当前日期 

12.将日期格式转换为时间戳

var date = new Date(‘2014-04-23 18:55:49:123’);
// 有三种方式获取
var time1 = date.getTime();
var time2 = date.valueOf();
var time3 = Date.parse(date);
var time4 = +date;
console.log(time1);//1398250549123
console.log(time2);//1398250549123
console.log(time3);//1398250549000
console.log(time4);//1398250549123
　第一、第二种：会精确到毫秒，第三种：只能精确到秒，毫秒用000替代
注意：获取到的时间戳除以1000就可获得Unix时间戳，就可传值给后台得到。