巧用精品文章

• 

  巧用SASS之如何遍歷n個子元素并為其設(shè)置屬性

  ...來編寫樣式代碼，心想既然用到了這種高端貨，就要用得巧用得妙，不能單純地只是把常用屬性定義成變量或定義重用的代碼塊等等。因此在編寫樣式時(shí)，都要時(shí)刻提醒自己是不是可以巧用SASS來解決一些問題。 這次遇到的需求...

  zhou_you 2019-08-29 10:58 評論0 收藏0
• 

  JavaScript巧學(xué)巧用

  ...vaScript技巧讓大家的代碼化繁為簡，化簡為精。 巧學(xué)巧用 1. new Set() 可能有人知道ES6中提供了新的數(shù)據(jù)結(jié)構(gòu) Set，但是能夠靈活運(yùn)用的人或許不多。利用Set數(shù)據(jù)結(jié)構(gòu)我們能夠輕松的去重一個數(shù)組，比如： let arr = [1, 2, 2, 3]; let s...

  iflove 2019-08-20 16:07 評論0 收藏0
• 

  巧用CSS3：target 偽類制作Dropdown下拉菜單（無JS）

  ...式定義。 先上效果圖 正如標(biāo)題所說，本文是教你如何巧用CSS3:target偽類制作Dropdown下拉菜單，原生HTML+CSS，無JavaScript。為了吸引各位往下看，先上實(shí)際例子，再進(jìn)行剖析。 Duang~ 實(shí)際例子其實(shí)就是DeveMobile 主題的右上角那個按...

  littleGrow 2019-08-01 14:47 評論0 收藏0
• 

  巧用iframe做浮層

  巧用iframe做浮層 iframe的詬病太多了，還好標(biāo)準(zhǔn)沒有廢棄它，其實(shí)還是有點(diǎn)用的。在開發(fā)產(chǎn)品的時(shí)候，我們不得不舍棄一些東西來換取效率。 我們的需求是，在某些特定的場景下在現(xiàn)有的頁面做一個彈窗，這是常有的運(yùn)營手段...

  kyanag 2019-08-20 16:35 評論0 收藏0
• 

  巧用iframe做浮層

  巧用iframe做浮層 iframe的詬病太多了，還好標(biāo)準(zhǔn)沒有廢棄它，其實(shí)還是有點(diǎn)用的。在開發(fā)產(chǎn)品的時(shí)候，我們不得不舍棄一些東西來換取效率。 我們的需求是，在某些特定的場景下在現(xiàn)有的頁面做一個彈窗，這是常有的運(yùn)營手段...

  VishKozus 2019-08-01 16:50 評論0 收藏0
• 

  ES6/JavaScript一些‘巧用’

  ...的幾點(diǎn)能夠提升速度的方法，希望大家在巧學(xué)過程中達(dá)到巧用知識的效果。

  zsirfs 2019-08-02 16:00 評論0 收藏0
• 

  ES6/JavaScript一些‘巧用’

  ...的幾點(diǎn)能夠提升速度的方法，希望大家在巧學(xué)過程中達(dá)到巧用知識的效果。

  haoguo 2019-08-22 11:16 評論0 收藏0
• 

  CSS（一）偽元素的巧用

  ...加的偽元素必須用::）,偽類使用一個冒號例如：hover。 巧用 ? ?????所有偽元素能實(shí)現(xiàn)的，真實(shí)子元素都可以做到。只不過有時(shí)候單純是為了樣式和布局就改變html結(jié)構(gòu)，這樣的做法不干凈，不值得提倡，所以偽元素有了用武...

  entner 2019-08-30 15:53 評論0 收藏0
• 

  正則表達(dá)式巧用 Unicode 匹配特殊字符

  正則表達(dá)式巧用 Unicode 匹配特殊字符 作者 @zwhu 原文章 @github 首先聲明，本文所有的代碼都是在 ES6 下面運(yùn)行，ES5需要修改之后才能運(yùn)行，但是本文沒有涉及到太多的ES6新特性，而且由于v8對u修飾符不支持，最后的實(shí)現(xiàn)也基本...

  rubyshen 2019-08-21 10:40 評論0 收藏0
• 

  一些可以讓你裝逼、讓人眼前一亮的算法技巧總結(jié)

  ...問題的解，相信一定會讓你有所收獲，不然你看我。 1. 巧用數(shù)組下標(biāo) 數(shù)組的下標(biāo)是一個隱含的很有用的數(shù)組，特別是在統(tǒng)計(jì)一些數(shù)字，或者判斷一些整型數(shù)是否出現(xiàn)過的時(shí)候。例如，給你一串字母，讓你判斷這些字母出現(xiàn)的次...

  xiaolinbang 2019-05-23 16:26 評論0 收藏0
• 

  每日 30 秒 ? 巧用可視區(qū)域

  簡介 可視區(qū)域、頁面優(yōu)化、DOM節(jié)點(diǎn)多、圖片懶加載、性能 可視區(qū)域是一個前端優(yōu)化經(jīng)常出現(xiàn)的名詞，不管是顯示器、手機(jī)、平板它們的可視區(qū)域范圍都是有限。在這個 有限可視區(qū)域 區(qū)域里做到完美顯示和響應(yīng)，而在這個區(qū)...

  DevYK 2019-08-23 15:57 評論0 收藏0
• 

  巧用Windows預(yù)覽體驗(yàn)計(jì)劃提前升級Windows 11系統(tǒng)過程記錄

  這兩天老蔣有在備用電腦中安裝Windows 11系統(tǒng)體驗(yàn)后感覺到UI確實(shí)有較大的改變，功能上可能稍微熟悉幾天應(yīng)該是能夠熟悉的。從Win10過度到Win11肯定是可以接受的，不像什么早期從WIN7過去到Win10確實(shí)需要適應(yīng)期。根據(jù)傳言和官方...

  Donald 2021-09-14 18:05 評論0 收藏0
• 

  巧用flex布局實(shí)現(xiàn)左側(cè)文字溢出省略，右側(cè)文字自適應(yīng)。

  想要實(shí)現(xiàn)一個左側(cè)文字可以根據(jù)文字長短自動調(diào)整寬度，當(dāng)一行顯示不下時(shí)，不擠壓右側(cè)文字空間，左側(cè)文字溢出省略。同理當(dāng)右側(cè)文字變長的時(shí)候，右側(cè)文字全顯示，左側(cè)文字被擠壓后溢出省略的效果。 我說的可能不是很...

  Lycheeee 2019-08-30 15:55 評論0 收藏0
• 

  巧用css實(shí)現(xiàn)無js的tab切換

  tab切換一直是頁面之中主要的結(jié)構(gòu)，最近在寫vue的spa項(xiàng)目，想到可不可以不用href和js做控制，實(shí)現(xiàn)純css和html的tab切換。 tab頁面交換的原理無非是利用標(biāo)簽的display屬性在顯示與否之間的切換。而利用這點(diǎn)后，我們的input之中...

  DevTTL 2019-08-29 12:29 評論0 收藏0