在IOSSafari瀏覽器不能正確解釋出Javascript中的 new Date('2013-10-21') 的帶"-"的日期對(duì)象。
要把"-"去掉;
var da="2017-03-29 09:49:07".replace(/\-/g,"/");
var ss=new Date(da);
ios下fixed元素失效:
在使用bootstrap的navbar-fixed-top時(shí),發(fā)現(xiàn)在iPhone上的微信里面,當(dāng)點(diǎn)擊input彈出輸入法之后,頂部fixed的navbar消失伍掀,在輸入法沒(méi)有關(guān)閉的情況下,向上滾動(dòng),會(huì)發(fā)現(xiàn)navbar在半空中株茶。
Google了一下,發(fā)現(xiàn)這個(gè)問(wèn)題在iOS中很常見(jiàn)图焰,Bootstrap也對(duì)此進(jìn)行了說(shuō)明启盛。
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事件觸發(fā)兩次:
首先點(diǎn)擊后觸發(fā)了兩次,說(shuō)明被綁定了兩次事件技羔,然后查看下zepto的touch.js代碼僵闯,發(fā)現(xiàn)它綁定了三個(gè)事件touchend MSPointerUp pointerup,touchend是觸摸相關(guān)的事件藤滥,MSPointerUp 是ie10的觸摸事件鳖粟,pointerup是指針事件(這個(gè)還真沒(méi)用過(guò),對(duì)它不了解)拙绊。
所以應(yīng)該是以前chrome不支持pointerup事件向图,現(xiàn)在新版本支持了,然后報(bào)錯(cuò)了标沪,把zepto里面pointerup相關(guān)的事件都刪除了后測(cè)試沒(méi)有問(wèn)題榄攀。但是這樣做會(huì)不會(huì)引起其他問(wèn)題,就不知道了金句。
解決方法:就是修改谷歌瀏覽器對(duì)指針活動(dòng)的支持檩赢。。1违寞、谷歌瀏覽器輸入 chrome://flags/ 回車(chē)2贞瞒、找到 指針活動(dòng) 那一項(xiàng)3、選擇 已停用然后重啟google瀏覽器就好了
過(guò)濾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;
}
計(jì)算現(xiàn)在到24點(diǎn)剩下的時(shí)間的毫秒數(shù)
var x=new Date();
x.setHours(0,0,0,0);
var y = new Date();
24*3600*1000-(y.getTime()-x.getTime())得出的結(jié)果就是現(xiàn)在到24點(diǎn)剩下的時(shí)間的毫秒數(shù)趁曼,你可以任意轉(zhuǎn)換成時(shí)間單位了
zepto.js的tap事件在android上要點(diǎn)擊兩次:
解決方法:使用touchend事件或者click事件
文本超過(guò)寬度顯示省略號(hào):
text-overflow:ellipsis
設(shè)置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() :
方法和于將所有可枚舉屬性的值從一個(gè)
或多個(gè)源對(duì)象復(fù)制到目標(biāo)對(duì)象憔狞,它將返回目標(biāo)對(duì)象。
設(shè)置頁(yè)面高度自適應(yīng):
Height:100%
Overflow-y: auto