FED之必備技能 - 收藏集 - 掘金

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

教你如何在 web 應用程序中使用本地文件•上傳圖片file✔ - 前端 - 掘金
使用在HTML5中添加到DOM的File API，如今可讓Web內容要求用戶選擇本地文件，而後讀取這些文件的內容。此選擇能夠經過使用HTML   ) 元素用來建立基於web表單的可交互控件."><input> 元素或...

詳解 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中，新增了不少長度單位，今天就來談談：一、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交互的？ 一、webView加載頁面 咱們都知道在Android中是經過webView來加載html頁面的，根據HTML文件所在的位置不一樣...

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

AlloyTouch Button 插件 - 再也不愁 click 延遲和點擊態 - 掘金移動端不能使用click，由於click會有300ms。全部有了fastclick這樣的解決方案。而後fastclick並無解決點擊態（用戶點擊的瞬間要有及時的外觀變化反饋）的問題。hover會有不消失的問題，全部你們通常用:active。利用 :activ...