debounce 去抖 適用于resize事件等在window的'resize'事件中坯沪，會被執(zhí)行很多次，而每一次的執(zhí)行擒滑，都會導(dǎo)致瀏覽器的重排重繪動作腐晾，這時候就有可能出現(xiàn)了頁面...
發(fā)簡信
IP屬地：浙江
-
debounce與throttle
-
上傳data image圖片
最近在項(xiàng)目中有這么一個需求，就是上傳一個視頻文件丐一，然后要獲取視頻文件的第一幀圖片藻糖，這個可以通過canvas獲取得到，得到的是一個dataURL,之后還要將這個圖片上傳到云库车，這...
-
厲害巨柒，筆試過了嗎
騰訊前端面試題：一言不合就寫個五子棋
近日接到騰訊 CDC 前端開發(fā)團(tuán)隊(duì)的求職意向詢問，在微信上簡單地聊了下技術(shù)柠衍，然后拋給我一道面試題洋满。題目內(nèi)容是編寫一個單機(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禽最，返回一個新數(shù)組腺怯，原理同2 遍歷數(shù)組，通過判斷結(jié)果數(shù)組...
-
中斷數(shù)組循環(huán)
有時候川无，需要遍歷一個數(shù)組呛占，對數(shù)組中的元素進(jìn)行一些操作，但當(dāng)某個元素滿足一定條件時懦趋，就退出循環(huán)晾虑。 通常，會使用下面的寫法： 其實(shí)仅叫，也可以利用數(shù)組自帶的方法帜篇。可能你會立馬想到fo...
-
中斷數(shù)組循環(huán)
有時候诫咱，需要遍歷一個數(shù)組笙隙，對數(shù)組中的元素進(jìn)行一些操作，但當(dāng)某個元素滿足一定條件時坎缭，就退出循環(huán)竟痰。 通常，會使用下面的寫法： 其實(shí)掏呼，也可以利用數(shù)組自帶的方法坏快。可能你會立馬想到fo...
-
@Arlen_guhui 現(xiàn)在的移動端大部分都支持flex了憎夷，但是PC端有一些還是要考慮到兼容IE莽鸿，所以并不是很適用的。
垂直居中
一說到水平居中拾给，立馬會想到text-align: center或者margin: auto祥得，很容易就實(shí)現(xiàn)了。然而蒋得，要實(shí)現(xiàn)垂直居中時级及，就沒那么簡單了。 下面簡單介紹所了解到的幾...
-
js實(shí)現(xiàn)復(fù)制到剪切板
經(jīng)常見到這么一個場景其骄，就是點(diǎn)擊一個按鈕亏镰，實(shí)現(xiàn)復(fù)制鏈接到剪切板。 可能都會想到document.execCommand這個方法拯爽，以及document.createRange, ...
-
js實(shí)現(xiàn)復(fù)制到剪切板
經(jīng)常見到這么一個場景索抓，就是點(diǎn)擊一個按鈕，實(shí)現(xiàn)復(fù)制鏈接到剪切板毯炮。 可能都會想到document.execCommand這個方法逼肯，以及document.createRange, ...
-
按Tab鍵，input元素不獲得焦點(diǎn)
支持 tabindex 屬性的元素：a, area, button, input, object, select 以及 textarea 平時桃煎，按Tab鍵后篮幢，input、a为迈、...
-
按Tab鍵三椿，input元素不獲得焦點(diǎn)
支持 tabindex 屬性的元素：a, area, button, input, object, select 以及 textarea 平時，按Tab鍵后曲尸，input赋续、a、...
-
css實(shí)現(xiàn)圓周運(yùn)動
自身旋轉(zhuǎn) 旋轉(zhuǎn)元素另患，首先想到的就是rotate這個屬性纽乱。 詳見https://jsfiddle.net/8nt3k843/ 繞圓旋轉(zhuǎn) rotate可以實(shí)現(xiàn)旋轉(zhuǎn)，但只是繞自身旋...
-
css實(shí)現(xiàn)圓周運(yùn)動
自身旋轉(zhuǎn) 旋轉(zhuǎn)元素昆箕，首先想到的就是rotate這個屬性鸦列。 詳見https://jsfiddle.net/8nt3k843/ 繞圓旋轉(zhuǎn) rotate可以實(shí)現(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)容來說咏雌，十分有利凡怎。 上面這個代碼...