js笔记

在IOSSafari浏览器不能正确解释出Javascript中的 new Date('2013-10-21') 的带"-"的日期对象。

要把"-"去掉;

var da="2017-03-29 09:49:07".replace(/\-/g,"/");

var ss=new Date(da);

ios下fixed元素失效：

在使用bootstrap的navbar-fixed-top时，发现在iPhone上的微信里面，当点击input弹出输入法之后，顶部fixed的navbar消失，在输入法没有关闭的情况下，向上滚动，会发现navbar在半空中。

Google了一下，发现这个问题在iOS中很常见，Bootstrap也对此进行了说明。

Virtual keyboards

Also, note that if you’re using a fixed navbar or using inputs within a modal, iOS has a rendering bug that doesn’t update the position of fixed elements when the virtual keyboard is triggered. A few workarounds for this include transforming your elements to position: absolute or invoking a timer on focus to try to correct the positioning manually. This is not handled by Bootstrap, so it is up to you to decide which solution is best for your application.

Chrome 模拟器zepto事件触发两次：

首先点击后触发了两次，说明被绑定了两次事件，然后查看下zepto的touch.js代码，发现它绑定了三个事件touchend MSPointerUp pointerup，touchend是触摸相关的事件，MSPointerUp 是ie10的触摸事件，pointerup是指针事件（这个还真没用过，对它不了解）。

所以应该是以前chrome不支持pointerup事件，现在新版本支持了，然后报错了，把zepto里面pointerup相关的事件都删除了后测试没有问题。但是这样做会不会引起其他问题，就不知道了。

解决方法：就是修改谷歌浏览器对指针活动的支持。。1、谷歌浏览器输入 chrome://flags/ 回车2、找到 指针活动 那一项3、选择 已停用然后重启google浏览器就好了

过滤emoji表情

function filterEmoji(evaluateData){

    var ranges = [

        '\ud83c[\udf00-\udfff]',

        '\ud83d[\udc00-\ude4f]',

        '\ud83d[\ude80-\udeff]'

    ];

    evaluateData = evaluateData .replace(new RegExp(ranges.join('|'), 'g'), '');

    return evaluateData;

}

计算现在到24点剩下的时间的毫秒数

var x=new Date();

x.setHours(0,0,0,0);

var y = new Date();

24*3600*1000-(y.getTime()-x.getTime())得出的结果就是现在到24点剩下的时间的毫秒数，你可以任意转换成时间单位了

zepto.js的tap事件在android上要点击两次：

解决方法：使用touchend事件或者click事件

文本超过宽度显示省略号：

text-overflow:ellipsis

设置body dom元素可编辑

document.body.contentEditable=true

Div 居中

position: absolute;

    width: 400px;

    height:200px;

    margin: auto;

    top:0;

    bottom:0;

    left:0;

    right:0;

Object.assign() ：

方法和于将所有可枚举属性的值从一个

或多个源对象复制到目标对象，它将返回目标对象。

设置页面高度自适应：

Height:100%

Overflow-y: auto