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

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

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

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

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

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

一個 H5lock - 前端 - 掘金
發現一個 H5lock，挺有意思。作者 github:https://github.com/lvming6816...

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

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

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

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

JS Tips - 每天一個 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 · 簡單心理技術團隊 - 工具資源 - 掘金
Git 除了 add, commit, push, 其實還有好多有用有意思的方法用好Git Log 你應該用過 git log, 但是 log 支持很多有用的參數也許你不知道，下面列出一些比較有用的 --author="jack" : 只顯示jack提交...

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

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

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

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

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

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

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

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

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

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