成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

前端小知識(shí)10點(diǎn)(2019.5.28)

Imfan / 1660人閱讀

摘要:可以看到,這組參數(shù),以上三條全部滿足。詳情請(qǐng)參考瀏覽器類別判斷安全瀏覽器完

1、火狐(firefox)的mouseenter問題

 {
          this.mouseEnter(e,);
       }}
       onBlur={() => {}}
       onMouseLeave={e => {
          this.mouseOut(e,);
       }}
/>

onMouseEnter事件在火狐上會(huì)不斷地觸發(fā)mouseentermouseleave事件,所以需要先設(shè)置一個(gè)flag=false,在onMouseEnter時(shí)設(shè)為true,在onMouseLeave設(shè)為false,讓不斷觸發(fā)的onMouseEnter事件只觸發(fā)一次即可

this.state={
  flag:false
}

mouseEnter(){
  if(!this.state.flag){
    //...do something
    this.setState({
      flag:true,
    })
  }
}

mouseOut(){
  this.setState({
    flag:false,
  })
}

2、ESLint Unary operator "++" used
i++是不安全的,所以用i+=1

//bad
for(let i=0;i

3、兼容 ie11之 SVG 的transform旋轉(zhuǎn)
從 0 度

//非IE可以這樣寫
svg.style("transform", `rotate(0deg)`)
//IE需要這么寫
svg.attr("transform",`rotate(0,0 0)`)

轉(zhuǎn)到 180 度

//非IE可以這樣寫
svg.style("transform", `rotate(180)`)
//IE需要這么寫
svg.attr("transform",  `rotate(180,0 0)`)

詳情請(qǐng)參考:https://www.zhangxinxu.com/wordpress/2015/10/understand-svg-transform/

4、border-block-end
邊界塊結(jié)束

border-block-end: 1px solid #d5d5d5;

第一次知道這個(gè)屬性,好像是新邊框?qū)傩?,但兼容性不太好,IE11 不兼容,所以還得改回下面這樣:

border-bottom: 1px solid #d5d5d5;

5、調(diào)整 svg 中標(biāo)簽的位置
使用標(biāo)簽自帶的transform屬性


6、get請(qǐng)求中的參數(shù)有中文,ie11無法識(shí)別
使用encodeURI()方法來識(shí)別,也不影響其他瀏覽器

  encodeURI(
        url
    )

7、document.activeElement.tagName
返回文檔中當(dāng)前獲得焦點(diǎn)的元素

console.log(document.activeElement.tagName)

(這個(gè)我以前記過,但發(fā)現(xiàn)工作中很少用到)

8、注意寫法,在賦值的同時(shí),判斷條件

 let a
 let b=1
 if ( ( a = b )!==2 ) {
   console.log(a,"a28") //1
 }

9、 網(wǎng)上常能見到的一段 JS 隨機(jī)數(shù)生成算法如下,為什么用 9301, 49297, 233280 這三個(gè)數(shù)字做基數(shù)?

function rnd( seed ){
    seed = ( seed * 9301 + 49297 ) % 233280; //為何使用這三個(gè)數(shù)?
    return seed / ( 233280.0 );
};

function rand(number){
    today = new Date(); 
    seed = today.getTime();
    return Math.ceil( rnd( seed ) * number );
};

myNum=(rand(5)); 

簡(jiǎn)單說,是3點(diǎn)原因:

(1)c與m互質(zhì)
(2)a - 1可以被m的所有質(zhì)因數(shù)整除
(3)如果m是4的倍數(shù),a - 1也必須是4的倍數(shù)
以上三條被稱為Hull-Dobell定理。
可以看到,a=9301, c = 49297, m = 233280這組參數(shù),以上三條全部滿足。

詳情請(qǐng)參考:https://www.zhihu.com/question/22818104

10、瀏覽器類別判斷 window.navigator.userAgent

console.log(window.navigator.userAgent,"userAgent67")

360安全瀏覽器:

 const is360=window.navigator.userAgent.indexOf("WOW64")!==-1

Edge:

const isEdge = window.navigator.userAgent.indexOf("Edge") !== -1;

IE11:

const isMs = window.navigator.userAgent.indexOf(".NET") !== -1;

(完)

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/109899.html

相關(guān)文章

  • 前端早讀會(huì)】每天記錄前端學(xué)習(xí)的過程

    摘要:在這里使用學(xué)而思網(wǎng)校的錄像設(shè)備,記錄前端工程師每天學(xué)習(xí)的內(nèi)容商城小程序分享人王聰視頻插件開發(fā)分享人魏媛視頻原理分享人李佳曉視頻講座優(yōu)化實(shí)戰(zhàn)分享人江芊視頻文件操作分享人張凱視頻一次性學(xué)會(huì)正則表達(dá)式分享人賀杰視頻淺談 在這里使用學(xué)而思網(wǎng)校的錄像設(shè)備,記錄前端工程師每天學(xué)習(xí)的內(nèi)容: 2019-8-22 商城小程序codereview 分享人:王聰 視頻:https://lecture.xue...

    tylin 評(píng)論0 收藏0
  • 前端知識(shí)10點(diǎn)2019.5.18)

    摘要:當(dāng)給數(shù)組的賦負(fù)數(shù)或小數(shù)時(shí),數(shù)組的長(zhǎng)度有無變化由此可見,的屬性只計(jì)算非負(fù)整數(shù)下標(biāo)不計(jì)算負(fù)數(shù)小數(shù)項(xiàng)目熱更新慢并且是在時(shí)卡住怎么辦本人實(shí)際上是文件里多寫了個(gè)逗號(hào)。。。。 showImg(https://segmentfault.com/img/remote/1460000019223033); 1、當(dāng)給數(shù)組的index賦負(fù)數(shù)或小數(shù)時(shí),數(shù)組的長(zhǎng)度有無變化? let arr=[] arr...

    neuSnail 評(píng)論0 收藏0
  • 前端知識(shí)10點(diǎn)2019.5.2)

    摘要:為什么整體上是一個(gè)匿名函數(shù)自調(diào)用因?yàn)槟涿瘮?shù)自執(zhí)行里面的所有東西都是局部的,這樣引用時(shí),能防止和其他的代碼沖突。對(duì)象的類型標(biāo)簽是。由于代表的是空指針大多數(shù)平臺(tái)下值為,因此,的類型標(biāo)簽也成為了,就錯(cuò)誤的返回了。 showImg(https://segmentfault.com/img/remote/1460000019062498); 1、為什么 jQuery 整體上是一個(gè)匿名函數(shù)自調(diào)用...

    yibinnn 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<