摘要:前言這里記錄我工作學(xué)習(xí)中值得注意的小知識(shí)點(diǎn),希望對你有所幫助。循環(huán)的語法在單次循環(huán)開始前執(zhí)行是單次循環(huán)的條件這里即存在是單次循環(huán)結(jié)束后執(zhí)行說明在單次循環(huán)開始前執(zhí)行是單次循環(huán)的條件這里即存在是單次循環(huán)結(jié)束后執(zhí)行。
前言:
這里記錄我工作、學(xué)習(xí)中值得注意的小知識(shí)點(diǎn),希望對你有所幫助。
1、 moment.js將某年某周轉(zhuǎn)為具體日期
舉例:將2019年第二周轉(zhuǎn)為具體日期
(1)關(guān)于ISO 8601時(shí)間標(biāo)準(zhǔn)對周的定義,請參考:
ISO 8601中周數(shù)的處理及 Joda-Time 的使用
(2)moment.js將某年某周轉(zhuǎn)化為具體日期的方法,請參考: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`);
說明:
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");
說明:
picBase64Info即圖片的base64格式。
3、IE11在請求頭中設(shè)置 Cache-Control 來清除緩存
headers: { Authorization: requestToken, //ie11緩存問題 "Cache-Control": "no-cache, must-revalidate", },
如果沒效果的話,只能手動(dòng)設(shè)置IE11,不使用數(shù)據(jù)緩存了。
4、for循環(huán)的語法(a; b; c)
//a在單次循環(huán)開始前執(zhí)行 //b是單次循環(huán)的條件(這里即cur存在) //c是單次循環(huán)結(jié)束后執(zhí)行 for ( ; cur; cur = cur.parentNode ) { //xxx }
說明:
a在單次循環(huán)開始前執(zhí)行;
b是單次循環(huán)的條件(這里即cur存在);
c是單次循環(huán)結(jié)束后執(zhí)行。
5、類數(shù)組與數(shù)組的區(qū)別
類數(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)類數(shù)組對象具有數(shù)組的一些屬性(如length)
(2)類數(shù)組對象,缺少從數(shù)組的原型對象上繼承下來的內(nèi)置方法(例如:pop()、reverse()等)
(3)類數(shù)組對象不關(guān)心除了數(shù)字索引和length屬性以外的東西
6、function(){} 默認(rèn)返回 undefined
就是你不寫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的作用是將對象的某一個(gè)屬性,轉(zhuǎn)換一個(gè)setter與getter, 我們只要劫持這兩個(gè)方法,通過Pub/Sub模式就能偷偷操作視圖。
9、tabindex屬性,讓div元素成為focusable(可獲取焦點(diǎn)的)元素
這是A$("#A").on("focus" ,function (event) { console.log(event,"A被focus了") }) $("#C").on("focus",function (event) { console.log(event,"C被focus了") })這是C
注意:focus 不會(huì)冒泡!
點(diǎn)擊#C(聚焦#C):
點(diǎn)擊#A(聚焦#A):
10、js禁止excel格式轉(zhuǎn)化(重要!)
為每個(gè)
xa0是不間斷空白符
注意:不要在number類型的列下這么做,不然用戶不能在excel里進(jìn)行數(shù)值計(jì)算
(完)
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/105010.html
摘要:在這里使用學(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...
摘要:當(dāng)給數(shù)組的賦負(fù)數(shù)或小數(shù)時(shí),數(shù)組的長度有無變化由此可見,的屬性只計(jì)算非負(fù)整數(shù)下標(biāo)不計(jì)算負(fù)數(shù)小數(shù)項(xiàng)目熱更新慢并且是在時(shí)卡住怎么辦本人實(shí)際上是文件里多寫了個(gè)逗號。。。。 showImg(https://segmentfault.com/img/remote/1460000019223033); 1、當(dāng)給數(shù)組的index賦負(fù)數(shù)或小數(shù)時(shí),數(shù)組的長度有無變化? let arr=[] arr...
摘要:可以看到,這組參數(shù),以上三條全部滿足。詳情請參考瀏覽器類別判斷安全瀏覽器完 showImg(https://segmentfault.com/img/remote/1460000019316485); 1、火狐(firefox)的mouseenter問題 { this.mouseEnter(e,); }} onBlur={() => {...
閱讀 3277·2021-11-22 14:44
閱讀 1123·2021-11-16 11:53
閱讀 1274·2021-11-12 10:36
閱讀 712·2021-10-14 09:43
閱讀 3704·2019-08-30 15:55
閱讀 3408·2019-08-30 14:14
閱讀 1747·2019-08-26 18:37
閱讀 3421·2019-08-26 12:12
添加xa0 | {value+ "xa0" } |