摘要：前言這里記錄我工作學(xué)習(xí)中值得注意的小知識(shí)點(diǎn)，希望對(duì)你有所幫助。循環(huán)的語(yǔ)法在單次循環(huán)開(kāi)始前執(zhí)行是單次循環(huán)的條件這里即存在是單次循環(huán)結(jié)束后執(zhí)行說(shuō)明在單次循環(huán)開(kāi)始前執(zhí)行是單次循環(huán)的條件這里即存在是單次循環(huán)結(jié)束后執(zhí)行。

前言：
這里記錄我工作、學(xué)習(xí)中值得注意的小知識(shí)點(diǎn)，希望對(duì)你有所幫助。

1、 moment.js將某年某周轉(zhuǎn)為具體日期

舉例：將2019年第二周轉(zhuǎn)為具體日期

（1）關(guān)于ISO 8601時(shí)間標(biāo)準(zhǔn)對(duì)周的定義，請(qǐng)參考：
ISO 8601中周數(shù)的處理及 Joda-Time 的使用

（2）moment.js將某年某周轉(zhuǎn)化為具體日期的方法，請(qǐng)參考：http://momentjs.cn/docs/#/get-set/iso-weekday/

2、IE11導(dǎo)出excel表格和圖片（兼容性）

導(dǎo)出 excel：

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

說(shuō)明：
a.outerHTML是

導(dǎo)出圖片：

 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");

說(shuō)明：
picBase64Info即圖片的base64格式。

3、IE11在請(qǐng)求頭中設(shè)置 Cache-Control 來(lái)清除緩存

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

如果沒(méi)效果的話，只能手動(dòng)設(shè)置IE11，不使用數(shù)據(jù)緩存了。

4、for循環(huán)的語(yǔ)法（a; b; c）

        //a在單次循環(huán)開(kāi)始前執(zhí)行
        //b是單次循環(huán)的條件（這里即cur存在）
        //c是單次循環(huán)結(jié)束后執(zhí)行
        for ( ; cur; cur = cur.parentNode ) {
          //xxx
        }

說(shuō)明：
a在單次循環(huán)開(kāi)始前執(zhí)行；
b是單次循環(huán)的條件（這里即cur存在）；
c是單次循環(huán)結(jié)束后執(zhí)行。

5、類(lèi)數(shù)組與數(shù)組的區(qū)別
類(lèi)數(shù)組：

  const arrayLike = { "1":1, "2":2, "3":3, "a":"a", "b":"b", length: 7}
  console.log(arrayLike.length) //7
  //直接使用數(shù)組的方法
  //{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,"+"));

區(qū)別：
（1）類(lèi)數(shù)組對(duì)象具有數(shù)組的一些屬性（如length）
（2）類(lèi)數(shù)組對(duì)象，缺少?gòu)臄?shù)組的原型對(duì)象上繼承下來(lái)的內(nèi)置方法(例如：pop()、reverse()等)
（3）類(lèi)數(shù)組對(duì)象不關(guān)心除了數(shù)字索引和length屬性以外的東西

6、function(){} 默認(rèn)返回 undefined
就是你不寫(xiě)return xxx，它默認(rèn)return undefined

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

 a()  //undefined

7、stopImmediatePropagation()

有兩個(gè)作用：
（1）阻止剩下的事件處理程序被執(zhí)行

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

只顯示點(diǎn)擊了divOne

（2）阻止冒泡

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

只顯示點(diǎn)擊了divOne

stopImmediatePropagation()與stopPropagation()的區(qū)別：
（1）stopImmediatePropagation()方法既可以阻止剩下的事件處理程序被執(zhí)行，又可以阻止冒泡
（2）stopPropagation()方法只能阻止冒泡

8、MVVM框架中，只要操作VM的數(shù)據(jù)，它就自然而然地同步到view，是利用什么屬性同步的？
Object.defineProperty，Object.defineProperty的作用是將對(duì)象的某一個(gè)屬性，轉(zhuǎn)換一個(gè)setter與getter， 我們只要劫持這兩個(gè)方法，通過(guò)Pub/Sub模式就能偷偷操作視圖。

9、tabindex屬性，讓div元素成為focusable（可獲取焦點(diǎn)的）元素

  這是A

    

    這是C
    



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

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

注意：focus 不會(huì)冒泡！

點(diǎn)擊#C（聚焦#C）：

點(diǎn)擊#A（聚焦#A）：

10、js禁止excel格式轉(zhuǎn)化（重要?。?/strong>
為每個(gè)

xa0是不間斷空白符 

注意：不要在number類(lèi)型的列下這么做，不然用戶(hù)不能在excel里進(jìn)行數(shù)值計(jì)算

（完）

• 上一篇：[譯文] JavaScript工作原理：V8引擎內(nèi)部+5條優(yōu)化代碼的竅門(mén)
• 下一篇：Service Workers （PWA 初體驗(yàn)）

wangzy2019

男|高級(jí)講師

我要關(guān)注 我要私信

TA的文章

閱讀更多

• BREW SDK 版本的區(qū)別（上）

  閱讀 3276·2021-11-22 14:44

• #雙十一#CMIVPS：全場(chǎng)VPS終身5折，獨(dú)立服務(wù)器9折優(yōu)惠，香港CMI線路大帶寬

  閱讀 1122·2021-11-16 11:53

• 麻了，都是科班出身的，學(xué)弟月薪卻是我的3倍。

  閱讀 1272·2021-11-12 10:36

• 程序員的算法趣題Q54: 偷懶的算盤(pán)

  閱讀 709·2021-10-14 09:43

• css隱藏移動(dòng)端滾動(dòng)條并且ios上平滑滾動(dòng)

  閱讀 3702·2019-08-30 15:55

• 4.css中的大于號(hào)('>')你可知？

  閱讀 3406·2019-08-30 14:14

• 分支管理

  閱讀 1746·2019-08-26 18:37

• 從 0 開(kāi)始構(gòu)建 webpack 項(xiàng)目【W(wǎng)ebpack Book 翻譯】

  閱讀 3419·2019-08-26 12:12

最新活動(dòng)