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

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

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

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

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

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

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

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

——@鄭 farmer 譯

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

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

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

Module 是 ES6 的新特性，是語(yǔ)言層面對(duì)模塊化的支持。

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

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

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

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

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

『icon』其實(shí)很簡(jiǎn)單~

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

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

移動(dòng)端不能使用 click，因?yàn)?click 會(huì)有 300ms。所有有了 fastclick 這樣的解決方案。然后 fastclick 并沒(méi)有解決點(diǎn)擊態(tài)（用戶(hù)點(diǎn)擊的瞬間要有及時(shí)的外觀變化反饋）的問(wèn)題。hover 會(huì)有不消失的問(wèn)題，所有大家一般用: active。利用 :active 偽類(lèi)來(lái)設(shè)置某元…

視口單位（ Viewport units )

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

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

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

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

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

本文標(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/2...: "署名-非商用-…

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

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

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

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

每天一個(gè) JavaScript 小技巧