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