摘要：同行這么做使用實現圓形進度條前端掘金在開發微信小程序的時候，遇到圓形進度條的需求。實現也談數組去重前端掘金的數組去重是一個老生常談的話題了。百度前端技術學院自定義前端掘金一標簽概念元素表示用戶界面中項目的標題。

閑話圖片上傳 - 掘金
作者：孫輝，美團金融前端團隊成員。15年畢業加入美團，相信技術，更相信技術只是大千世界里知識的一種，個人博客: https://sunyuhui.com 陸陸續續做了不少需要上傳圖片的項目，場景各種各樣，從前后端數據交互來看，有直接從瀏覽器里發ajax到后端...

如何優雅安全地在深層數據結構中取值 - 掘金
古有趙子龍面對“沖鋒之勢，有進無退，陷陣之志，有死無生”的局面，能萬軍叢中取敵將首級。在我們的Javascript中，往往用對象（Object）來存儲一個數據結構。如果這個結構非常復雜，那么想要安全優雅地取出一個值，也并非簡單。 這篇文章將會詳細闡述在一個嵌套...

16種方法實現水平居中垂直居中 - 掘金
熟悉水平居中和垂直居中的方法, 不為別的, 就為用的時候能夠信手拈來. 下面直接步入正題.原文：16種方法實現水平居中垂直居中 水平居中 1) 若是行內元素, 給其父元素設置 text-align:center,即可實現行內元素水平居中. 2) 若是塊級元素,...

17 個數據可視化方面有影響力的 twitter 賬號 - 前端 - 掘金
對數據可視化感興趣的同學可以關注這些賬號，拿走不謝...

初學 Canvas 仿知乎登錄頁面動畫 - 前端 - 掘金
寫了一個demo 具體git地址? https://github.com/sunweiling... 因為做成動圖以后壓縮的問題會看不到線，所以就把顏色都改成不透明的了 demo里面還是跟知乎里的一樣。 主要的知識點 ...

使用 SVG 輕松實現波浪 (wave) 動畫效果 - 前端 - 掘金
如下圖所示的波浪動畫效果，實現方法有很多，比如CSS或者是js等方法都可以實現。不過，要是使用SVG來實現的，我覺得比其它兩種方法都要簡單。這篇文章就來講講使用SVG來實現類似這樣的波浪動畫效果是多么的簡單。 先來分析下這個波浪效果的實現原理...

黑科技：CSS 定制多行省略 - 前端 - 掘金
什么是多行省略？ 當字數多到一定程度就顯示省略號點點點。最初只是簡單的點點點，之后花樣越來越多，點點點加下箭頭，點點點加更多，點點點加更多加箭頭...。多行省略就是大段文字后面的花式點點點。 同行這么做： ...

使用 css3 實現圓形進度條 - 前端 - 掘金
在開發微信小程序的時候，遇到圓形進度條的需求。使用canvas繪圖比較麻煩： 1、為了實現在不同屏幕上面的適配，必須動態的計算進度條的大小； 2、在小程序中，canvas的畫布具有最高的層級，不易于擴展。 但使用css3...

圖片延遲加載策略（JavaScript） - 掘金
注：文章最末尾有個人公眾號二維碼，會分享更多技術文章等，敬請關注 不管是在移動端開發還是在PC端開發，基本都會用到圖片的懶加載，這其中最大的原因就是為了保證頁面打開的速度（正常情況下3秒之內如果首頁打不開，就已經算是死亡時間了）。 延遲加載的的基本做法一般是這...

AlloyTouch 相關文章聚合 - 前端 - 掘金
Welcome to the AlloyTouch wiki! AlloyTouch源碼分析-未完待續 AlloyTouch 無限循環Select AlloyTouch Simple Select AlloyTouch學習筆記...

前端開發面試題總結之——JAVASCRIPT（三） - 前端 - 掘金
相關知識點 數據類型、運算、對象、function、繼承、閉包、作用域、原型鏈、事件、RegExp、JSON、Ajax、DOM、BOM、內存泄漏、跨域、異步加載、模板引擎、前端MVC、前端MVVM、路由、模塊化、Http、Canvas、jQuery、ECMAS...

淺析 js 實現網頁截圖的兩種方式 - 前端 - 掘金
Web端的截圖(生成圖片)并不算是個高頻的需求，資料自然也不算多，查來查去，也不過Canvas 和 SVG兩種實現方案，原理大概相似，都非真正義上的截圖而是把DOM轉為圖片，然而實現方式卻截然不同。 Canvas 實現 ...

也談 JavaScript 數組去重 - 前端 - 掘金
JavaScript的數組去重是一個老生常談的話題了。隨便搜一搜就能找到非常多不同版本的解法。 昨天在微博上看到一篇文章，也寫數組去重，主要推崇的方法是將利用數組元素當作對象key來去重。我在微博轉發了“用對象key去重不是個好辦法…”然后作者...

深入剖析 JavaScript 的深復制 - 前端 - 掘金
一年前我曾寫過一篇 Javascript 中的一種深復制實現，當時寫這篇文章的時候還比較稚嫩，有很多地方沒有考慮仔細。為了不誤人子弟，我決定結合 Underscore、lodash 和 jQuery 這些主流的第三方庫來重新談一談這個問題。 第三方庫的...

js 對數組去重的完整版 - 前端 - 掘金
數組去重是很常見的一個需求，而各種各樣的姿勢也很多，常見的如indexOf，或者hash，但是他們還是有缺陷，這里我查了一些資料做補充。 一般方式 //一般方法->使用indexOf Ar...

ECharts 水球圖教程 - 前端 - 掘金
水球圖是一種適合于展現單個百分比數據的圖表類型，ECharts 的水球圖插件使你能夠通過非常簡單的配置，實現酷炫的數據展示效果。那么，今天我們就一起來學習一下，如何使用 ECharts 水球圖。...

2017 百度前端技術學院 - 自定義 checkbox/radio - 前端 - 掘金
一. label標簽 1. 概念： HTML 元素表示用戶界面中項目的標題。它通常關聯一個控件，或者是將控件放置在label元素內，或者是用作其屬性。這樣的控制稱作lab...

2017 百度前端技術學院 - 自定義右鍵菜單 - 前端 - 掘金
轉載自：http://www.jianshu.com/p/7314... 效果預覽 ...

前端面試經典問題：CSS 中居中的幾種方式 - 前端 - 掘金
作為面試常客，學會這些，面試多點把握，同學間逼格升高周五，老大說他面試了一個問題，是css居中的問題，然后我們在這邊就討論了一番，周末嗨玩，尾巴上想起這件事，特來總結，希望能幫助到求職和學習的朋友！參考了這篇文章，快速傳送門內容都是我手敲實踐過的可靠！ ...

javascript array js 緩存算法，數組去重、數組隨機抽取、字母串轉數字，數字轉字符串 - 前端 - 掘金
前言 因為平時在寫代碼的過程中，有些算法會經常重復寫，比如數組去重、數組抽取隨機值等！雖然這些不是很難的邏輯，但是每次剛開始遇到需求的時候，還是需要琢磨一些時間才能想出來，所以此文檔把這些常見算法的思想記錄下...

輪播無縫循環思路 - 前端 - 掘金
輪播插件是前端開發中必不可少的組件，很多頁面都會用到它。常用的輪播插件有 swiper、slick、slidesjs、Bootstrap Carousel等等。這些輪播插件通常都有一個設置是否可循環的屬性 loop。實現思路通常有兩種。...