原文出處： 焰尾迭    很難想象一個半年前還在做后臺開發，對前端知之甚少的我，現在也可以從事前端開發了。這半年的學習過程將會是我人生一筆寶貴的財富，這讓我想到一句話“在成長的道路上，我們不要給自己設定界限，只要擁有成長的力量，就能不斷超越自己”。 下面以我自己的經歷講講前端的學習過程。 Jquery基礎知識準備 學習前端需要掌

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

嗨，各位，又到了周末總結時間！得益于大量的 Grunt 和 Gulp 插件，我們可以輕松實現網站數據的可視化，雖然深入理解這些工具還比較困難，但分門別類的將它們列出來，也是很有幫助的。

切圖類插件 cutterman assistor-ps 作為頁面仔，自己的 ps 沒有一個好的插件怎么能行呢。

本人一直從事的是服務端開發工作，寫前端貌似有點跑題，不過自己初中也就是2000年左右的時候，引領我進入計算機大門的也的確是前端，后來也做過不少的前端工作。于是，就想著從自己的角度寫點前端這些年的發展。但畢竟不是專業所長，有所紕漏在所難免。

“全棧”這個詞之前炒得很熱，雖然之前我也寫過文章說全棧其實不太靠譜（全棧之難），但細想回來卻很能理解為什么這個詞會呼聲那么高。 因為，不同的技術棧之間的溝通成本實在太高了。 產品，設計，終端，前端，后臺，運維，測試……似乎攢齊了就能召喚神龍了，但實際可能的情況卻是人員之間相互扯皮的時間

vnStatSVG是一款開放源代碼的、輕量級的、網絡流量監控工具vnStat的Web前端

隨著互聯網的發展，前端優化越來越被人們重視，在一個大型的大型電子商務網站技術架構中，前端架構一定是一項必不可少的工作，國內幾個大型的互聯網公司也有非常強大的前端技術人員。在業界享有名氣淘寶UED團隊就有好幾十人。在瀏覽器訪問一個網站時，有10%-20%的時間是花在下載HTML上面，有 80%-90%時間是花在下載頁面中所有組件上面。如果我們可以把后端時間縮短一半，整體響應時間只能減少5%-10%。然而我們關注前端，同樣是其響應時間縮短一半，那整體性能能減少40%-45%。

本篇文章記錄了一枚程序猿的百寶箱。 主要內容是一些使用過的庫、工具、套路或關注的前端組織等等，反正用 前端瑞士軍刀 來總結這篇文章再合適不過鳥。

此為前端開發團隊遵循和約定的代碼書寫規范，意在提高代碼的規范性和可維護性。 此規范為參考規范，不全是硬性要求，部分硬性約定見下一條書寫規范，統一團隊編碼規范和風格。讓所有代碼都是有規可循的，并且能夠得到沉淀，減少重復勞動。

數據驅動應該是從 flux/redux + react 這種模式開始流行的。 他的背后不僅僅是數據驅動這么簡單，在復雜的系統中，我覺得它解決了一個很關鍵的問題就是模塊間的交互/通信。有很多文章拿他和mvc/mvvm去比較，我個人覺得沒有特別的可比性，因為解決的問題不同。

我們很清楚，前端資源及其依賴管理一直是 npm 的重度使用場景，同時這也一直是 Node.js 普及的重要推動力。但這類應用場景到底有多重度？這是一個很難回答的問題。這份 “ npm 最常下載的包的清單 ” 并不能提供有效的證據：因為像 async、minimist 和 request 這樣的包就像是 “生活必需品”，它們會被數以千計的其它包所? 依賴 ，這樣一來它們當然會隨著那些依賴它們的包一起被不停地下載。

在幾年前，天空一聲巨響,ajax 閃亮登場。 前端寶寶們如獲至寶~ 已經表單提交神馬的, 真的太 心累了。 有了ajax之后, 網頁的性能可大幅提升，告別刷新，告別如水的流量。 不過，長江后浪推前浪，一代更比一代強。 由于ajax被同域限制著, 導致, 多服務器配置，云服務資源的存儲 沒辦法充分利用。 所以,業界想到另外一種方法--JSONP。 JSONP實際上和ajax沒有半點關系，唯一相同的就

1. 關注前端可以很好地提高整天性能。如果我們可以將后端響應時間縮短一半，整體響應時間只能減少5%~10%。而如果關注前端性能，同樣是將其響應時間減少一半，則整體響應時間可以減少40%~45%。

UIkit 是一個輕量級、模塊化的前端框架，可快速構建強大的前端web界面。UIKit 基于LESS，具有體積小、模塊化、可輕松地自定義主題及響應式設計，可在多種環境中使用等特點。

用整潔、語義清晰的HTML編寫網站代碼是我們一直孜孜以求的。有時我們會發現前人配置頁面的方式限制了我們，或者有時我們編寫的是HTML格式的email模板。但永遠不要偏離HTML的規范

搭建web app常用的樣式/組件等收集列表(移動優先)

基本原理： 在瀏覽器(客戶端)和服務器發生通信時，就已經消耗了大量的時間，尤其是在網絡情況比較糟糕的時候，這個問題尤其的突出。

天下武功，無堅不破，唯快不破。對前端而言，快意味著要求資源體量更小、數量更精簡、內容更早呈現、交互更加人性化。當項目做到一定程度，就應該考慮性能的問題，前端的性能優化有諸多有跡可循的理論和方法，比如 Yahoo！性能軍規、Google PageSpeed Insights Rules。

ALog 是前端統計框架。 我們會使用或開發各種不同的統計模塊對產品的使用情況進行收集，以便衡量產品的健康狀況和對產品發展方向進行決策 隨著前端交互越來越豐富，統計要分析的維度也越來越多樣