摘要：在我們深入研究這項新鮮的技術(shù)之前，讓我們先快速的復(fù)習(xí)原理的相關(guān)知識。同時，希望本文能對大家有所幫助。工欲善其事，必先利其器。

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

rem 的官方定義『The font size of the root element.』，即以根節(jié)點的字體大小作為基準(zhǔn)值進(jìn)行長度計算。一般認(rèn)為網(wǎng)頁中的根節(jié)點是 html 元素，所以采用的方式也是通過設(shè)置 html 元素的 font-size 來做屏幕適配，但實際情況真有這么簡單嗎？

力薦~ 深度好文~ 深入理解 Javascript 10大設(shè)計模式

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

github 開源的 Vue 優(yōu)秀 UI 組件庫合集?

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

一個關(guān)于Javascript的花式玩法列表(WTFJS)~

——@鄭 farmer 譯

使用 Github 登錄
支持多語言 [en, zh-CN, zh-TW]
支持個人或組織
無干擾模式（設(shè)置 distractionFreeMode 為 true 開啟）
快捷鍵提交評論 （cmd|ctrl + enter）
評論支持 Markdown 語法

使用在 HTML5 中添加到 DOM 的 File API，現(xiàn)在可以讓 Web 內(nèi)容要求用戶選擇本地文件，然后讀取這些文件的內(nèi)容。

模塊化是個進(jìn)行了很久的話題，發(fā)展歷程中出現(xiàn)過很多模式，例如 AMD, CommonJS 等等。

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

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

推薦給想學(xué)習(xí)Omi框架的同學(xué)，Omi（讀音 / [?om?] /, 漢字類似于 歐米） 是一款用于創(chuàng)建Web用戶界面的組件化框架，提供了漸進(jìn)增強(qiáng)式的Web開發(fā)解決方案，內(nèi)置完善的支持無限聲明式嵌套的組件系統(tǒng)。

在這片文章中，我們一起來探索 CSS 網(wǎng)格布局的美妙世界。網(wǎng)格布局是 W3C 規(guī)范中相對較新的部分，已經(jīng)在瀏覽器中開始綻放屬于自己的光芒。在我們深入研究這項新鮮的 CSS 技術(shù)之前，讓我們先快速的復(fù)習(xí) grid 原理的相關(guān)知識。

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

花了兩天時間將《The Languages, Frameworks and Tools You Should Learn in 2017》翻譯完成，難免會出現(xiàn)翻譯不當(dāng)之處，還請大家多多指正，我會及時修改。同時，希望本文能對大家有所幫助。

『icon』其實很簡單~

《小分享》~ 關(guān)于前端灰度效果的實現(xiàn)以及瀏覽器類型的判斷

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

移動端不能使用 click，因為 click 會有 300ms。所有有了 fastclick 這樣的解決方案。然后 fastclick 并沒有解決點擊態(tài)（用戶點擊的瞬間要有及時的外觀變化反饋）的問題。hover 會有不消失的問題，所有大家一般用: active。利用 :active 偽類來設(shè)置某元…

視口單位（ Viewport units )

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

轉(zhuǎn)自凹凸實驗室（https://aotu.io/notes/2017/04...）

代碼規(guī)范指南 by @AlloyTeam 很值得學(xué)習(xí)~

轉(zhuǎn)載自 AlloyTeam：http://alloyteam.github.io/Co...

~《小分享》~ 動態(tài)加載 / 刪除 css 文件~

本文標(biāo)題:實現(xiàn)圖片懶加載(lazyload)文章作者:Jake發(fā)布時間:2016-11-26, 18:46:34最后更新:2016-11-28, 17:12:59原始鏈接:http://i.jakeyu.top/2016/11/2...: "署名-非商用-…

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

發(fā)現(xiàn)一個 H5lock，挺有意思。作者 github:https://github.com/lvming6816...

在 CSS3 中，新增了很多長度單位，今天就來談?wù)劊?br>vw、vh、vmin、vmax
rem 與 em

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

每天一個 JavaScript 小技巧