js筆記

在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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁(yè)的形式展示給用戶的,因此網(wǎng)頁(yè)是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁(yè)文件是用...
    阿啊阿吖丁閱讀 4,955評(píng)論 0 0
  • 因?yàn)檫@兩天接觸react router,對(duì)其route組件的history, location兩個(gè)props有疑惑...
    YeLqgd閱讀 283評(píng)論 0 0
  • 函數(shù) 新特性 新增參數(shù)默認(rèn)值 在寫(xiě)函數(shù)的時(shí)候可以給形參所在的變量分配一個(gè)默認(rèn)值,如果在調(diào)用函數(shù)的時(shí)候,沒(méi)有寫(xiě)入實(shí)參...
    曾迦閱讀 285評(píng)論 0 0
  • 說(shuō)起登雪山,緣起廖帥和礦主老白已經(jīng)不滿足越野、馬拉松的運(yùn)動(dòng),一直嚷嚷要搞一座雪山爬爬,勾起了心中對(duì)雪山的向...
    蓮花山華仔閱讀 3,187評(píng)論 9 5
  • 昵稱:施小施17 【四個(gè)收獲】 1.一個(gè)人在擅長(zhǎng)的領(lǐng)域做到可以相當(dāng)于一個(gè)團(tuán)隊(duì),那才能成為主控方。 2.帶上腦子去認(rèn)...
    施小施閱讀 421評(píng)論 0 0

友情鏈接更多精彩內(nèi)容