前端框架最重要的目的是將頁面渲染出來。“渲染”(render)這個詞最初不是前端的東西的。前端之前叫做切圖，將設計師做的PSD變成一個靜態頁面，然后加上動態交互。

借用Effective之名，開始寫Effective系列，總結一些前端的心得。

腳手架這個詞估計做前端的都很熟悉。在沒有實現前端工程化的年代，前端代碼的組織都是純手工維護的。比如我要做一個網站頁面，那么我需要手動創建一個文件夾來存放代碼文件，我把它命名為demo。然后在de...

對于視頻播放，可以使用 HLS(HTTP Live Streaming)協議播放直播流， ios 和 android 都天然支持這種協議，配置簡單，直接使用 video 標簽即可。

在app中創建PDF文檔，看起來就是一條布滿坑的路，但是事實上可能并沒有那么恐怖。作為開發者，在面對困難的時候我們總是需要一些替換方案，避免一條道走到黑。手動生成PDF頁面確實是一個非常痛苦的過...

webpack 是什么一項技術、一個工具的出現，肯定是為了解決問題的。那么，webpack 是為什么解決什么問題？答案是： 文件依賴管理 。我們在瀏覽器中的 js 中，不能直接引用其它 js, ...

一個新的項目是這樣創建的：它將已有的可重新利用的組件進行組合，并將新的開發難度降低到最小。

本來我以為在css3這么強大的年代，自定義一個audio的皮膚應該是完全沒問題的，后來的事實證明too young too simple。

作為 Web 開發者，這是好的時代，也是壞的時代。 Web 開發技術也在不斷變化。雖然很令人興奮，但是這也意味著 Web 開發人員需要要積極主動的學習新技術和新的編程語言，并愿意和渴望接受新的挑戰，以適應變化。

本篇文章是一篇Vue.js的教程，目標在于用一種常見的業務場景——分頁/無限加載，幫助讀者更好的理解Vue.js中的一些設計思想。與許多Todo List類的入門教程相比，更全面的展示使用Vue...

首先說說為什么要詳細的了解一下這個指令，因為在工作中總是遇到關于下拉選項的一些操作，但是又常常會出現一些問題；基本會遇到下面一些問題：

CSS3 引入的 box-shadow 屬性用來創建陰影效果。陰影效果給我們的二維平面增加了深度的感覺

在之前的兩篇關于構建模塊化的文章中，談到了 rem & em 和 響應式排版 ，而在文章的評論中，對基于視口單位的網頁排版抱有很大的想象空間。

對于web開發來講，由于瀏覽器的同源策略，我們需要經常使用一些hack的方法去跨域獲取資源，但是hack的方法總歸是hack。直到W3C出了一個標準－CORS－”跨域資源共享”（Cross-or...

Sublime Text：一款具有代碼高亮、語法提示、自動完成且反應快速的編輯器軟件，不僅具有華麗的界面，還支持插件擴展機制，用她來寫代碼，絕對是一種享受。相比于難于上手的Vim，浮腫沉重的Ec...

導語：云平臺控制臺，是一個典型的管控CRUD系統，用于管理各種IaaS資源。為了使前端能達到仿客戶端體驗，同時保障代碼架構清晰規范，易維護，最終多玩YY選擇了AngularJS（1.x）作為云控...

如果你使用 Stylus 作為你的預處理CSS的工具，那么 px2rem 是你使用最簡單處理 px 轉 rem 工具，使用方法如此簡單： 首先安裝工具。 stylus-px2rem

Android與HTML+JS交互

前幾天看了一篇文章大受啟發：我理想中的前端工作流，現在工作中一直在使用gulp和webpack做自動化，在單獨項目中效果很不錯。但是隨著項目逐漸怎多，是需要使用一個工具來幫你快速創建和規范項目。

HTML5+Ajax上傳文件