debounce 去抖 適用于resize事件等在window的'resize'事件中，會被執(zhí)行很多次，而每一次的執(zhí)行，都會導(dǎo)致瀏覽器的重排重繪動作，這時候就有可能出現(xiàn)了頁面...
發(fā)簡信
IP屬地：海南
-
debounce與throttle
-
上傳data image圖片
最近在項目中有這么一個需求，就是上傳一個視頻文件，然后要獲取視頻文件的第一幀圖片，這個可以通過canvas獲取得到，得到的是一個dataURL,之后還要將這個圖片上傳到云，這...
-
厲害，筆試過了嗎
騰訊前端面試題：一言不合就寫個五子棋
近日接到騰訊 CDC 前端開發(fā)團隊的求職意向詢問，在微信上簡單地聊了下技術(shù)，然后拋給我一道面試題。題目內(nèi)容是編寫一個單機五子棋，用原生 web 技術(shù)實現(xiàn)，兼容 Chrome ...
-
deduplicate array --- 數(shù)組去重
利用Set去重，然后再利用from，轉(zhuǎn)換成數(shù)組 遍歷，判斷當(dāng)前項的下標(biāo)與在數(shù)組中第一次出現(xiàn)的下標(biāo)做比較 利用filter，返回一個新數(shù)組，原理同2 遍歷數(shù)組，通過判斷結(jié)果數(shù)組...
-
中斷數(shù)組循環(huán)
有時候，需要遍歷一個數(shù)組，對數(shù)組中的元素進(jìn)行一些操作，但當(dāng)某個元素滿足一定條件時，就退出循環(huán)。 通常，會使用下面的寫法： 其實，也可以利用數(shù)組自帶的方法。可能你會立馬想到fo...
-
中斷數(shù)組循環(huán)
有時候，需要遍歷一個數(shù)組，對數(shù)組中的元素進(jìn)行一些操作，但當(dāng)某個元素滿足一定條件時，就退出循環(huán)。 通常，會使用下面的寫法： 其實，也可以利用數(shù)組自帶的方法?？赡苣銜ⅠR想到fo...
-
@Arlen_guhui 現(xiàn)在的移動端大部分都支持flex了，但是PC端有一些還是要考慮到兼容IE，所以并不是很適用的。
垂直居中
一說到水平居中，立馬會想到text-align: center或者margin: auto，很容易就實現(xiàn)了。然而，要實現(xiàn)垂直居中時，就沒那么簡單了。 下面簡單介紹所了解到的幾...
-
js實現(xiàn)復(fù)制到剪切板
經(jīng)常見到這么一個場景，就是點擊一個按鈕，實現(xiàn)復(fù)制鏈接到剪切板。 可能都會想到document.execCommand這個方法，以及document.createRange, ...
-
js實現(xiàn)復(fù)制到剪切板
經(jīng)常見到這么一個場景，就是點擊一個按鈕，實現(xiàn)復(fù)制鏈接到剪切板。 可能都會想到document.execCommand這個方法，以及document.createRange, ...
-
按Tab鍵，input元素不獲得焦點
支持 tabindex 屬性的元素：a, area, button, input, object, select 以及 textarea 平時，按Tab鍵后，input、a、...
-
按Tab鍵，input元素不獲得焦點
支持 tabindex 屬性的元素：a, area, button, input, object, select 以及 textarea 平時，按Tab鍵后，input、a、...
-
css實現(xiàn)圓周運動
自身旋轉(zhuǎn) 旋轉(zhuǎn)元素，首先想到的就是rotate這個屬性。 詳見https://jsfiddle.net/8nt3k843/ 繞圓旋轉(zhuǎn) rotate可以實現(xiàn)旋轉(zhuǎn)，但只是繞自身旋...
-
css實現(xiàn)圓周運動
自身旋轉(zhuǎn) 旋轉(zhuǎn)元素，首先想到的就是rotate這個屬性。 詳見https://jsfiddle.net/8nt3k843/ 繞圓旋轉(zhuǎn) rotate可以實現(xiàn)旋轉(zhuǎn)，但只是繞自身旋...
-
css隱藏頁面元素的幾種方法
用css隱藏頁面元素有很多種方法。在平時的開發(fā)中，主要使用以下幾種： display的值設(shè)為none opacity的值設(shè)為0 visibility的值設(shè)為hidden po...
-
css隱藏頁面元素的幾種方法
用css隱藏頁面元素有很多種方法。在平時的開發(fā)中，主要使用以下幾種： display的值設(shè)為none opacity的值設(shè)為0 visibility的值設(shè)為hidden po...
-
使用jquery.qrcode.js生成二維碼
二維碼在日常生活總是經(jīng)常見到的，掃一掃，特別方便。 那么，如何快速生成一個二維碼呢，很簡單，使用接下來介紹的jquery.qrcode.js就可以了。 如上，引入文件，然后通...
-
使用jquery.qrcode.js生成二維碼
二維碼在日常生活總是經(jīng)常見到的，掃一掃，特別方便。 那么，如何快速生成一個二維碼呢，很簡單，使用接下來介紹的jquery.qrcode.js就可以了。 如上，引入文件，然后通...
-
event delegation -- 事件委托
事件代理或者說是事件委托，就是利用事件的冒泡特性，將事件綁定到外層元素上，而不是觸發(fā)事件的元素上。可以減少綁定的事件數(shù)量，而且對于動態(tài)加載的內(nèi)容來說，十分有利。 上面這個代碼...