前端小知識10點（2019.5.28）

Imfan 發布于2019-08-26 13:57 / 1618人閱讀

摘要：可以看到，這組參數，以上三條全部滿足。詳情請參考瀏覽器類別判斷安全瀏覽器完

1、火狐（firefox）的mouseenter問題

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

onMouseEnter事件在火狐上會不斷地觸發mouseenter和mouseleave事件，所以需要先設置一個flag=false，在onMouseEnter時設為true，在onMouseLeave設為false，讓不斷觸發的onMouseEnter事件只觸發一次即可

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旋轉
從 0 度
//非IE可以這樣寫
svg.style("transform", `rotate(0deg)`)
//IE需要這么寫
svg.attr("transform",`rotate(0,0 0)`)
轉到 180 度
//非IE可以這樣寫
svg.style("transform", `rotate(180)`)
//IE需要這么寫
svg.attr("transform",  `rotate(180,0 0)`)
詳情請參考：https://www.zhangxinxu.com/wordpress/2015/10/understand-svg-transform/
4、border-block-end
邊界塊結束
border-block-end: 1px solid #d5d5d5;
第一次知道這個屬性，好像是新邊框屬性，但兼容性不太好，IE11 不兼容，所以還得改回下面這樣：
border-bottom: 1px solid #d5d5d5;
5、調整 svg 中標簽的位置
使用標簽自帶的transform屬性


6、get請求中的參數有中文，ie11無法識別
使用encodeURI()方法來識別，也不影響其他瀏覽器
  encodeURI(
        url
    )
7、document.activeElement.tagName
返回文檔中當前獲得焦點的元素
console.log(document.activeElement.tagName)
（這個我以前記過，但發現工作中很少用到）
8、注意寫法，在賦值的同時，判斷條件
 let a
 let b=1
 if ( ( a = b )!==2 ) {
   console.log(a,"a28") //1
 }
9、 網上常能見到的一段 JS 隨機數生成算法如下，為什么用 9301, 49297, 233280 這三個數字做基數？
function rnd( seed ){
    seed = ( seed * 9301 + 49297 ) % 233280; //為何使用這三個數?
    return seed / ( 233280.0 );
};

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

myNum=(rand(5)); 
簡單說，是3點原因：

（1）c與m互質
（2）a - 1可以被m的所有質因數整除
（3）如果m是4的倍數，a - 1也必須是4的倍數
以上三條被稱為Hull-Dobell定理。
可以看到，a=9301, c = 49297, m = 233280這組參數，以上三條全部滿足。
詳情請參考：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;


（完）

云服務器 GPU云服務器前端知識小知識前端知識阿里云 html前端知識

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/109899.html

【前端早讀會】每天記錄前端學習的過程

摘要：在這里使用學而思網校的錄像設備，記錄前端工程師每天學習的內容商城小程序分享人王聰視頻插件開發分享人魏媛視頻原理分享人李佳曉視頻講座優化實戰分享人江芊視頻文件操作分享人張凱視頻一次性學會正則表達式分享人賀杰視頻淺談在這里使用學而思網校的錄像設備，記錄前端工程師每天學習的內容： 2019-8-22 商城小程序codereview 分享人：王聰視頻：https://lecture.xue...

tylin 2019-08-26 13:49 評論0 收藏0
前端小知識10點（2019.5.18）

摘要：當給數組的賦負數或小數時，數組的長度有無變化由此可見，的屬性只計算非負整數下標不計算負數小數項目熱更新慢并且是在時卡住怎么辦本人實際上是文件里多寫了個逗號。。。。 showImg(https://segmentfault.com/img/remote/1460000019223033); 1、當給數組的index賦負數或小數時，數組的長度有無變化？ let arr=[] arr...

neuSnail 2019-08-26 13:50 評論0 收藏0
前端小知識10點（2019.5.2）

摘要：為什么整體上是一個匿名函數自調用因為匿名函數自執行里面的所有東西都是局部的，這樣引用時，能防止和其他的代碼沖突。對象的類型標簽是。由于代表的是空指針大多數平臺下值為，因此，的類型標簽也成為了，就錯誤的返回了。 showImg(https://segmentfault.com/img/remote/1460000019062498); 1、為什么 jQuery 整體上是一個匿名函數自調用...

yibinnn 2019-08-23 17:16 評論0 收藏0