摘要：收藏優(yōu)秀組件庫合集前端掘金開源的優(yōu)秀組件庫合集教你如何在應(yīng)用程序中使用本地文件上傳圖片前端掘金使用在中添加到的，現(xiàn)在可以讓內(nèi)容要求用戶選擇本地文件，然后讀取這些文件的內(nèi)容。

『收藏』VUE 優(yōu)秀 UI 組件庫合集 - 前端 - 掘金
github 開源的 Vue 優(yōu)秀 UI 組件庫合集?...

教你如何在 web 應(yīng)用程序中使用本地文件?上傳圖片file? - 前端 - 掘金
使用在HTML5中添加到DOM的File API，現(xiàn)在可以讓W(xué)eb內(nèi)容要求用戶選擇本地文件，然后讀取這些文件的內(nèi)容。此選擇可以通過使用HTML ??) 元素用來創(chuàng)建基于web表單的可交互控件.">?元素或...

詳解 Javascript十大常用設(shè)計(jì)模式 - 前端 - 掘金
一：理解工廠模式 ? ?工廠模式類似于現(xiàn)實(shí)生活中的工廠可以產(chǎn)生大量相似的商品，去做同樣的事情，實(shí)現(xiàn)同樣的效果;這時(shí)候需要使用工廠模式。 ? ?簡單的工廠模式可以理解為解決多個(gè)相似的問題;這也是她的優(yōu)點(diǎn);比如如下代碼：&...

通過分析 github 代碼庫總結(jié)出來的工程師代碼書寫習(xí)慣 by @AlloyTeam - 前端 - 掘金
最佳原則 堅(jiān)持制定好的代碼規(guī)范。 無論團(tuán)隊(duì)人數(shù)多少，代碼應(yīng)該同出一門。 如果你想要為這個(gè)規(guī)范做貢獻(xiàn)或覺得有不合理的地方，請?jiān)L問New Issue。 命名規(guī)則 項(xiàng)目命名 全部采用小寫方式， 以下劃線分隔。 例：my_project_name 目錄命名 參照項(xiàng)目命...

前端灰度效果的實(shí)現(xiàn)（filter:grayscale()）兼容所有瀏覽器 - 前端 - 掘金
分享一個(gè)最近在工作中遇到的新需求以及解決方案，希望對開發(fā)的朋友門有幫助，鄙人能力有限，有不妥的地方還請大家多多指教。 需求直接看圖，需要在某種狀態(tài)時(shí)將B.2模塊整體置灰。一開始想直接處理所有圖像，但是涉及東西太多，尤其是icon得重新切圖，重新合成，工作...

一個(gè) H5lock - 前端 - 掘金
發(fā)現(xiàn)一個(gè) H5lock，挺有意思。作者 github:https://github.com/lvming6816...

是時(shí)候替換你的 for 循環(huán)大法了~ - 前端 - 掘金
《小分享》JavaScript中數(shù)組的那些迭代方法~...

CSS 中一個(gè)冒號和兩個(gè)冒號有什么區(qū)別？ - 前端 - 掘金
《小分享》~ FED新手必備…...

動(dòng)態(tài)加載 / 刪除 css 文件以及圖片預(yù)加載 - 前端 - 掘金
最近，工作中遇到了一個(gè)比較奇葩的需求：要在一個(gè)頁面（PC端）增加一個(gè)功能模塊，但是這個(gè)頁面在不久之后要重構(gòu)，為了新增加的模塊可以繼續(xù)復(fù)用，必須做到這個(gè)模塊的樣式對頁面其他模塊不能造成影響，舊版頁面使用bootstrap樣式，新版模塊只使用normalize.c...

【譯】2017 年你應(yīng)該學(xué)習(xí)的編程語言、框架和工具 - 前端 - 掘金
在過去的一年里，軟件開發(fā)行業(yè)繼續(xù)大踏步地向前邁進(jìn)。回顧 2016 年，我們看到了更多新興的流行語言、框架和工具，它們改變著我們的工作方式，讓我們看到更多的可能。但在這個(gè)行業(yè)，緊隨潮流是很難的。所以在每年年底，我們都會給你提供一些建議，它涉及什么是最重要的，以及...

JS Tips - 每天一個(gè) JavaScript 小技巧 - 前端 - 掘金
New year, new project. A JS tip per day! With great excitement, I introduce short and useful Javascript tips per day that will a...

常用有用的 Git Tips · 簡單心理技術(shù)團(tuán)隊(duì) - 工具資源 - 掘金
Git 除了 add, commit, push, 其實(shí)還有好多有用有意思的方法用好Git Log 你應(yīng)該用過 git log, 但是 log 支持很多有用的參數(shù)也許你不知道，下面列出一些比較有用的 --author="jack" : 只顯示jack提交...

CSS 布局的未來：網(wǎng)格布局 · 張小倫愛學(xué)習(xí) - 前端 - 掘金
在這片文章中，我們一起來探索 CSS 網(wǎng)格布局的美妙世界。網(wǎng)格布局是 W3C 規(guī)范中相對較新的部分，已經(jīng)在瀏覽器中開始綻放屬于自己的光芒。 在我們深入研究這項(xiàng)新鮮的 CSS 技術(shù)之前，讓我們先快速的復(fù)習(xí) grid 原理的相關(guān)知識。 網(wǎng)格布局的簡短介紹 原作者的...

ES6 你可能不知道的事 - 進(jìn)階篇 - 前端 - 掘金
前言這篇文章主要會針對上篇未涉及到的進(jìn)階特性展開；而與前一篇文章相同，本文主要介紹這些特性的一些容易忽略的部分，希望能對大家正確認(rèn)識和使用 ES6 有幫助。 還是那句話，時(shí)間和能力有限，針對文章中的問題或不同意見，歡迎隨時(shí)拍磚、指正！ 正文Module模塊化是...

談?wù)?CSS3 的長度單位（vh、vw、rem） - 前端 - 掘金
在CSS3中，新增了很多長度單位，今天就來談?wù)劊?、vw、vh、vmin、vmax vh、vw、vmin、vmax這四個(gè)單位都是基于視口的，含義如下： （1）vw、vh vw是相對視口（viewport）的寬度而定的，長度等于視口寬度的1/100。 假如瀏覽器...

flex.css快速入門，極速布局 - 掘金
什么是flex.css? css3 flex 布局相信很多人已經(jīng)聽說過甚至已經(jīng)在開發(fā)中使用過它，但是我想我們都會有一個(gè)共同的經(jīng)歷，面對它的各種版本，各種坑，傻傻的分不清楚，flex.css就是對flex布局的一種封裝，通過簡潔的屬性設(shè)置就能使得它完美的運(yùn)行在移...

用github來展示你的前端頁面吧 - 掘金
前言 經(jīng)常會有人問我如何才能將自己做的靜態(tài)頁面放到網(wǎng)上供他人欣賞，是不是需要自己有一個(gè)服務(wù)器，是不是還要搞個(gè)域名才能訪問？對于以上問題我都會回答：用github來展示你的前端頁面吧。 工欲善其事，必先利其器。github是一個(gè)很好的代碼管理與協(xié)同開發(fā)平臺，在程...

了解真實(shí)的『REM』手機(jī)屏幕適配 - 前端 - 掘金
rem 作為一個(gè)低調(diào)的長度單位，由于手機(jī)端網(wǎng)頁的興起，在屏幕適配中得到重用。使用 rem 前端開發(fā)者可以很方便的在各種屏幕尺寸下，通過等比縮放的方式達(dá)到設(shè)計(jì)圖要求的效果。 rem 的官方定義『The font size of the root element...

實(shí)現(xiàn)圖片懶加載(Lazyload) - 掘金
本文標(biāo)題:實(shí)現(xiàn)圖片懶加載(lazyload)文章作者:Jake發(fā)布時(shí)間:2016-11-26, 18:46:34最后更新:2016-11-28, 17:12:59原始鏈接:http://i.jakeyu.top/2016/11/26/實(shí)現(xiàn)圖片懶加載/許可協(xié)議:...

Android 和 H5 交互 - 基礎(chǔ)篇 - Android - 掘金
hybrid App開發(fā)也不是什么新鮮事了，其中native和h5之間的交互則是必不可少的。Android中是如何和H5交互的？ 1、webView加載頁面 我們都知道在Android中是通過webView來加載html頁面的，根據(jù)HTML文件所在的位置不同...

預(yù)加載顯示圖片的藝術(shù) - 掘金
前言 一般情況下網(wǎng)頁中的圖片都是隨文檔流依次加載的，什么時(shí)候用到則什么時(shí)候加載，但是有些時(shí)候這樣的加載方式往往會影響用戶體驗(yàn)，比如鼠標(biāo)hover變換背景圖片的時(shí)候，只有鼠標(biāo)移入才會對變換的圖片進(jìn)行加載，這樣就可能會出現(xiàn)片刻的加載空白現(xiàn)象。 為了在必要的時(shí)候增加...

AlloyTouch Button 插件 - 不再愁 click 延遲和點(diǎn)擊態(tài) - 掘金
移動(dòng)端不能使用click，因?yàn)閏lick會有300ms。所有有了fastclick這樣的解決方案。然后fastclick并沒有解決點(diǎn)擊態(tài)（用戶點(diǎn)擊的瞬間要有及時(shí)的外觀變化反饋）的問題。hover會有不消失的問題，所有大家一般用:active。利用 :activ...