whatdevice - 一個JS文件，支持自動檢測并跳轉到手機網站或電腦網站，是否手機或電腦訪問，是否微信訪問等功能。

這是Gulp系列教程的第十部分。今天我會用Gulp.js創建CSS精靈圖。 只是為了確保每個人都知道我在說什么：CSS精靈圖是把一系列圖片放到一張圖上。這樣可以減少請求數因而網頁加載更快。CS...

最近我看到一些博客網站又這么一個效果: 當鼠標放到博客頭部的標題時,這個鏈接的下劃線就會以動畫的方式從無到有,我覺得挺有意思的,好像京東的首頁就有這個效果,大家可以看看.

經過上次的react-native小模塊完成之后，發現不少缺點，而且基本沒什么擴展性。這次正好又增加一個react-native模塊————我的等級特權，于是動手重構了項目里整個react-na...

瀏覽器緩存（Browser Caching）是瀏覽器端保存數據用于快速讀取或避免重復資源請求的優化機制，有效的緩存使用可以避免重復的網絡請求和瀏覽器快速地讀取本地數據，整體上加速網頁展示給用戶。...

手機淘寶作為一個航母級的應用，承載了100多個業務方，部分是H5的形式接入，還有超過50個Native的業務方。為了規避安卓DEX65535的方法數限制以及各業務獨立開發等需要，淘寶工程師門也是...

有些CSS的特性,不經常使用.我認為CSS counters 也是其中之一,主要有兩個原因:

為什么要使用Webpack 與react一類模塊化開發的框架搭配著用比較好。 屬于配置型的構建工具，比較用容易上手，160行代碼可大致實現gulp400行才能實現的功能。 webpack...

大概算是一份教程吧, 只不過效果肯定不如視頻演示之類的好.. Webpack 最近在英文社區上經常看到, 留了心, 但進一步了解是通過下邊的視頻:視頻: How Instagram.com Wo...

多年來，XMLHttpRequest一直是web開發者的親密助手。無論是直接的，還是間接的， 當我們談及Ajax技術的時候，通常意思就是基于XMLHttpRequest的Ajax，它是一種能夠有...

html5 video fullScreen全屏實現方式：首先來說，這個標題具有誤導性，但這樣設置改標題也是主要因為video使用的比較多 在html5中，全屏方法可...

在這個世界上，凡事都有個先后順序，凡物都有個論資排輩。比方說食堂排隊打飯，對吧，講求先到先得，總不可能一擁而上。再比如說話語權，老婆的話永遠是對的，領導的話永遠是對的。

isolation 是一個CSS3屬性，顧名思意是“隔離”，支持的值除了萬年不變的 inherit 外還包括 auto 和 isolate .

之前學習前端中，對meta標簽的了解僅僅只是這一句。

最近由于用著html-webpack-plugin覺得很不爽，于是乎想自己動手寫一個插件。原以為像gulp插件一樣半天上手一天寫完，但令人郁悶的是完全找不到相關的文章。一進官方文檔卻是被嚇傻了。...

需要注意的是：本篇文章的布局，都未對父元素進行清除浮動的操作，所以在有 一些 使用了float的布局中，需要在parent容器清除浮動，才能在實際情況下使用。（清除浮動的方式在這里不做討論）

如果你是一名網頁設計師，相信你一定對 Sketch 這個軟件不陌生了。作為一個交互設計師，UI設計乃一核心內容。以前常使用 Photoshop 進行 P 圖，但總覺的其實在是比較冗余。于是轉而運...

昨天在解決了盒模型的問題之后又出現了新的知識模糊點：浮動和絕對定位？今天先解決浮動相關的問題，首先列舉出想要解決的問題：

很久沒有寫過博客了，但是最近這段時間都沒有閑著，接觸了很多方面。比如一些前端框架和組件、還有移動開發React-Native、以及對.NET框架設計的一些重新認識。這些內容在接下來的時間都會一一...

如果你是一個前端開發者,可能知道有一些很好的偽類的改變,比如CSS content屬性.如果不熟悉這些概念的,可能需要去復習一篇了.