FED之必備技能

flex.css快速入門，極速佈局

什麼是flex.css? css3 flex 佈局相信不少人已經據說過甚至已經在開發中使用過它，可是我想咱們都會有一個共同的經歷，面對它的各類版本，各類坑，傻傻的分不清楚，flex.css就是對flex佈局的一種封裝，經過簡潔的屬性設置就能使得它完美的運行在移動端的各類瀏覽器，…

瞭解真實的『REM』手機屏幕適配

rem 的官方定義『The font size of the root element.』，即以根節點的字體大小做爲基準值進行長度計算。通常認爲網頁中的根節點是 html 元素，因此採用的方式也是經過設置 html 元素的 font-size 來作屏幕適配，但實際狀況真有這麼簡單嗎？

詳解 Javascript十大經常使用設計模式

力薦~ 深度好文~ 深刻理解 Javascript 10大設計模式

是時候替換你的 for 循環大法了~

《小分享》JavaScript中數組的那些迭代方法~

『收藏』VUE 優秀 UI 組件庫合集

github 開源的 Vue 優秀 UI 組件庫合集✔

預加載顯示圖片的藝術

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

What the f**k JavaScript 中文版

一個關於Javascript的花式玩法列表(WTFJS)~

——@鄭 farmer 譯

Gitalk - 繼多說以後一款很Geek的評論插件

使用 Github 登陸
支持多語言 [en, zh-CN, zh-TW]
支持我的或組織
無干擾模式（設置 distractionFreeMode 爲 true 開啓）
快捷鍵提交評論 （cmd|ctrl + enter）
評論支持 Markdown 語法

教你如何在 web 應用程序中使用本地文件•上傳圖片file✔

使用在 HTML5 中添加到 DOM 的 File API，如今可讓 Web 內容要求用戶選擇本地文件，而後讀取這些文件的內容。

ES6 你可能不知道的事 - 進階篇

模塊化是個進行了好久的話題，發展歷程中出現過不少模式，例如 AMD, CommonJS 等等。

Module 是 ES6 的新特性，是語言層面對模塊化的支持。

CSS 中一個冒號和兩個冒號有什麼區別？

《小分享》~ FED新手必備…

《「精通」Omi框架》電子書

推薦給想學習Omi框架的同窗，Omi（讀音 / [ˈomɪ] /, 漢字相似於 歐米） 是一款用於建立Web用戶界面的組件化框架，提供了漸進加強式的Web開發解決方案，內置完善的支持無限聲明式嵌套的組件系統。

CSS 佈局的將來：網格佈局 · 張小倫愛學習

在這片文章中，咱們一塊兒來探索 CSS 網格佈局的美妙世界。網格佈局是 W3C 規範中相對較新的部分，已經在瀏覽器中開始綻開屬於本身的光芒。在咱們深刻研究這項新鮮的 CSS 技術以前，讓咱們先快速的複習 grid 原理的相關知識。

「vi 經常使用快捷鍵筆記」

在世界上有三種人：一種是使用Vim的，另外一種是使用是Emacs的，剩下的是第三種人……

【譯】2017 年你應該學習的編程語言、框架和工具

花了兩天時間將《The Languages, Frameworks and Tools You Should Learn in 2017》翻譯完成，不免會出現翻譯不當之處，還請你們多多指正，我會及時修改。同時，但願本文能對你們有所幫助。

純 css 適配 Retina @2x Sprites 與字體圖標 Iconfont

『icon』其實很簡單~

前端灰度效果的實現（filter:grayscale()）兼容全部瀏覽器

《小分享》~ 關於前端灰度效果的實現以及瀏覽器類型的判斷

Android 和 H5 交互 - 基礎篇

Hybrid App 開發也不是什麼新鮮事了，其中 native 和 h5 之間的交互則是必不可少的。Android 中是如何和 H5 交互的？

AlloyTouch Button 插件 - 再也不愁 click 延遲和點擊態

移動端不能使用 click，由於 click 會有 300ms。全部有了 fastclick 這樣的解決方案。而後 fastclick 並無解決點擊態（用戶點擊的瞬間要有及時的外觀變化反饋）的問題。hover 會有不消失的問題，全部你們通常用: active。利用 :active 僞類來設置某元…

『推薦』利用視口單位實現適配佈局

視口單位（ Viewport units )

vw : 1vw 等於視口寬度的 1%
vh : 1vh 等於視口高度的 1%
vmin : 選取 vw 和 vh 中最小的那個
vmax : 選取 vw 和 vh 中最大的那個

轉自凹凸實驗室（https://aotu.io/notes/2017/04...）

經過分析 github 代碼庫總結出來的工程師代碼書寫習慣 by @AlloyTeam

代碼規範指南 by @AlloyTeam 很值得學習~

轉載自 AlloyTeam：http://alloyteam.github.io/Co...

動態加載 / 刪除 css 文件以及圖片預加載

~《小分享》~ 動態加載 / 刪除 css 文件~

實現圖片懶加載(Lazyload)

本文標題:實現圖片懶加載(lazyload)文章做者:Jake發佈時間:2016-11-26, 18:46:34最後更新:2016-11-28, 17:12:59原始連接:http://i.jakeyu.top/2016/11/2...: "署名-非商用-…

用github來展現你的前端頁面吧

前言 常常會有人問我如何才能將本身作的靜態頁面放到網上供他人欣賞，是否是須要本身有一個服務器，是否是還要搞個域名才能訪問？對於以上問題我都會回答：用github來展現你的前端頁面吧。 工欲善其事，必先利其器。github是一個很好的代碼管理與協同開發平臺，在程序界又被稱爲最大的…

一個 H5lock

發現一個 H5lock，挺有意思。做者 github:https://github.com/lvming6816...

談談 CSS3 的長度單位（vh、vw、rem）

在 CSS3 中，新增了不少長度單位，今天就來談談：
vw、vh、vmin、vmax
rem 與 em

經常使用有用的 Git Tips · 簡單心理技術團隊

Git 除了 add, commit, push, 其實還有好多有用有意思的方法

JS Tips - 天天一個 JavaScript 小技巧

天天一個 JavaScript 小技巧