摘要：同行這么做使用實(shí)現(xiàn)圓形進(jìn)度條前端掘金在開發(fā)微信小程序的時(shí)候，遇到圓形進(jìn)度條的需求。實(shí)現(xiàn)也談數(shù)組去重前端掘金的數(shù)組去重是一個(gè)老生常談的話題了。百度前端技術(shù)學(xué)院自定義前端掘金一標(biāo)簽概念元素表示用戶界面中項(xiàng)目的標(biāo)題。

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

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

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

17 個(gè)數(shù)據(jù)可視化方面有影響力的 twitter 賬號(hào) - 前端 - 掘金
對(duì)數(shù)據(jù)可視化感興趣的同學(xué)可以關(guān)注這些賬號(hào)，拿走不謝...

初學(xué) Canvas 仿知乎登錄頁面動(dòng)畫 - 前端 - 掘金
寫了一個(gè)demo 具體git地址? https://github.com/sunweiling... 因?yàn)樽龀蓜?dòng)圖以后壓縮的問題會(huì)看不到線，所以就把顏色都改成不透明的了 demo里面還是跟知乎里的一樣。 主要的知識(shí)點(diǎn) ...

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

黑科技：CSS 定制多行省略 - 前端 - 掘金
什么是多行省略？ 當(dāng)字?jǐn)?shù)多到一定程度就顯示省略號(hào)點(diǎn)點(diǎn)點(diǎn)。最初只是簡(jiǎn)單的點(diǎn)點(diǎn)點(diǎn)，之后花樣越來越多，點(diǎn)點(diǎn)點(diǎn)加下箭頭，點(diǎn)點(diǎn)點(diǎn)加更多，點(diǎn)點(diǎn)點(diǎn)加更多加箭頭...。多行省略就是大段文字后面的花式點(diǎn)點(diǎn)點(diǎn)。 同行這么做： ...

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

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

AlloyTouch 相關(guān)文章聚合 - 前端 - 掘金
Welcome to the AlloyTouch wiki! AlloyTouch源碼分析-未完待續(xù) AlloyTouch 無限循環(huán)Select AlloyTouch Simple Select AlloyTouch學(xué)習(xí)筆記...

前端開發(fā)面試題總結(jié)之——JAVASCRIPT（三） - 前端 - 掘金
相關(guān)知識(shí)點(diǎn) 數(shù)據(jù)類型、運(yùn)算、對(duì)象、function、繼承、閉包、作用域、原型鏈、事件、RegExp、JSON、Ajax、DOM、BOM、內(nèi)存泄漏、跨域、異步加載、模板引擎、前端MVC、前端MVVM、路由、模塊化、Http、Canvas、jQuery、ECMAS...

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

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

深入剖析 JavaScript 的深復(fù)制 - 前端 - 掘金
一年前我曾寫過一篇 Javascript 中的一種深復(fù)制實(shí)現(xiàn)，當(dāng)時(shí)寫這篇文章的時(shí)候還比較稚嫩，有很多地方?jīng)]有考慮仔細(xì)。為了不誤人子弟，我決定結(jié)合 Underscore、lodash 和 jQuery 這些主流的第三方庫來重新談一談這個(gè)問題。 第三方庫的...

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

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

2017 百度前端技術(shù)學(xué)院 - 自定義 checkbox/radio - 前端 - 掘金
一. label標(biāo)簽 1. 概念： HTML 元素表示用戶界面中項(xiàng)目的標(biāo)題。它通常關(guān)聯(lián)一個(gè)控件，或者是將控件放置在label元素內(nèi)，或者是用作其屬性。這樣的控制稱作lab...

2017 百度前端技術(shù)學(xué)院 - 自定義右鍵菜單 - 前端 - 掘金
轉(zhuǎn)載自：http://www.jianshu.com/p/7314... 效果預(yù)覽 ...

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

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

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