国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端小知識10點(2019.6.25)

wangzy2019 / 3203人閱讀

摘要:前言這里記錄我工作學習中值得注意的小知識點,希望對你有所幫助。循環的語法在單次循環開始前執行是單次循環的條件這里即存在是單次循環結束后執行說明在單次循環開始前執行是單次循環的條件這里即存在是單次循環結束后執行。

前言:
這里記錄我工作、學習中值得注意的小知識點,希望對你有所幫助。

1、 moment.js將某年某周轉為具體日期

舉例:將2019年第二周轉為具體日期


(1)關于ISO 8601時間標準對周的定義,請參考:
ISO 8601中周數的處理及 Joda-Time 的使用

(2)moment.js將某年某周轉化為具體日期的方法,請參考:http://momentjs.cn/docs/#/get-set/iso-weekday/

2、IE11導出excel表格和圖片(兼容性)

導出 excel:

const fileData = ["" + ("") + a.outerHTML + ""];
const blobObject = new Blob(fileData);
window.navigator.msSaveOrOpenBlob(blobObject, `${tableTitle}.xls`);

說明:
a.outerHTML

outerHTML

導出圖片:

 let dataURItoBlob = function(dataURI) {
    let binary = atob(dataURI.split(",")[1]);
    let array = [];
    for(let i = 0; i < binary.length; i++) {
       array.push(binary.charCodeAt(i));
    }
    return new Blob([new Uint8Array(array)], {type: "image/png"});
}

let blob = dataURItoBlob(picBase64Info);
window.navigator.msSaveOrOpenBlob(blob, "圖片.png");

說明:
picBase64Info即圖片的base64格式。

3、IE11在請求頭中設置 Cache-Control 來清除緩存

  headers: {
      Authorization: requestToken,
      //ie11緩存問題
      "Cache-Control": "no-cache, must-revalidate",
    },

如果沒效果的話,只能手動設置IE11,不使用數據緩存了。

4、for循環的語法(a; b; c)

        //a在單次循環開始前執行
        //b是單次循環的條件(這里即cur存在)
        //c是單次循環結束后執行
        for ( ; cur; cur = cur.parentNode ) {
          //xxx
        }

說明:
a在單次循環開始前執行;
b是單次循環的條件(這里即cur存在);
c是單次循環結束后執行。

5、類數組與數組的區別
類數組:

  const arrayLike = { "1":1, "2":2, "3":3, "a":"a", "b":"b", length: 7}
  console.log(arrayLike.length) //7
  //直接使用數組的方法
  //{3: 3, 4: 2, 5: 1, a: "a", b: "b", length: 7}
  console.log(Array.prototype.reverse.call(arrayLike));
  //undefined
  console.log(Array.prototype.pop.call(arrayLike,4));
  //+++3+2+1
  console.log(Array.prototype.join.call(arrayLike,"+"));

區別:
(1)類數組對象具有數組的一些屬性(如length
(2)類數組對象,缺少從數組的原型對象上繼承下來的內置方法(例如:pop()reverse()等)
(3)類數組對象不關心除了數字索引length屬性以外的東西

6、function(){} 默認返回 undefined
就是你不寫return xxx,它默認return undefined

let a=function () {
  //return undefiend
}

 a()  //undefined

7、stopImmediatePropagation()

有兩個作用:
(1)阻止剩下的事件處理程序被執行

$("div").click(function(event){
    alert("點擊了divOne");
    event.stopImmediatePropagation();
});
$("div").click(function(event){
    alert("點擊了divTwo");
});

只顯示點擊了divOne

(2)阻止冒泡

    $("body").click(function(event){
        alert("body 被執行");
    });
    $("div").click(function(event){
        alert("事件句柄 1 被執行");
        event.stopImmediatePropagation();
    });

只顯示點擊了divOne

stopImmediatePropagation()stopPropagation()的區別:
(1)stopImmediatePropagation()方法既可以阻止剩下的事件處理程序被執行,又可以阻止冒泡
(2)stopPropagation()方法只能阻止冒泡

8、MVVM框架中,只要操作VM的數據,它就自然而然地同步到view,是利用什么屬性同步的?
Object.definePropertyObject.defineProperty的作用是將對象的某一個屬性,轉換一個settergetter, 我們只要劫持這兩個方法,通過Pub/Sub模式就能偷偷操作視圖。

9、tabindex屬性,讓div元素成為focusable(可獲取焦點的)元素

這是A
這是C
$("#A").on("focus" ,function (event) { console.log(event,"A被focus了") }) $("#C").on("focus",function (event) { console.log(event,"C被focus了") })

注意:focus 不會冒泡!

點擊#C(聚焦#C):

點擊#A(聚焦#A):

10、js禁止excel格式轉化(重要!)
為每個

xa0是不間斷空白符 

注意:不要在number類型的列下這么做,不然用戶不能在excel里進行數值計算

(完)

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

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

相關文章

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

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

    tylin 評論0 收藏0
  • 前端知識102019.5.18)

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

    neuSnail 評論0 收藏0
  • 前端知識102019.5.28)

    摘要:可以看到,這組參數,以上三條全部滿足。詳情請參考瀏覽器類別判斷安全瀏覽器完 showImg(https://segmentfault.com/img/remote/1460000019316485); 1、火狐(firefox)的mouseenter問題 { this.mouseEnter(e,); }} onBlur={() => {...

    Imfan 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看

          <
          添加xa0

          {value+ "xa0" }