圖片的形式具有諸多的不便。缺失源圖的我們，無法為此圖貢獻些什么，隨著時間的遷移，或許有些技術點會發生改變，所以有了這個GitHub項目。我們可以通過協作的方式來共同維護這個項目。Git的歷史記錄也可以見證前端行業的一些變遷。

隨著前端開發復雜度的日益提升，組件化開發應運而生，并隨著 FIS、React 等優秀框架的出現遍地開花。這一過程同樣發生在美團，面臨業務規模的快速發展和工程師團隊的不斷擴張，我們歷經引入組件化解決資源整合問題、逐步增強組件功能促進開發效率、重新打造新一代組件化方案適應全棧開發和共享共建等階段，努力“controlling complexity”。本文將介紹我們組件化開發的實踐過程。

這份合集覆蓋了所有的JavaScript基本知識，從基本網絡編程技巧，如變量、函數和循環語句，到高級一些的專題，如表單驗證、DOM操作、客戶端對象、腳本程序調試。學習前端的你不容錯過！ 資料名稱 下載地址 Node.js中文手冊【PDF】 http://down.51cto.com/data/281195 基于JavaScript的植物大戰僵尸版源碼 http://down.51cto.com/d

1、盡量減少HTTP請求次數終端用戶響應的時間中，有80%用于下載各項內容。這部分時間包括下載頁面中的圖像、樣式表、腳本、Flash等。通過減少頁面中的元素可以減少HTTP請求的次數。這是提高網頁速度的關鍵步驟。CSSSprites是減少圖像請求的有效方法。

Bootstrap是快速開發Web應用程序的前端工具包。它是一個CSS和HTML的集合，它使用了最新的瀏覽器技術，給你的Web開發提供了時尚的版式，表單，buttons，表格，網格系統等等。

非Mac用戶請自動忽略，此文針對Mac用戶，我個人使用頻率非常高，PC端開發者可以選擇性的嘗試部分工具。

雅虎在2006年就發布了一份提升Web站點響應速度的 最佳實踐指南 。該指南包含了35條規則，分為7個類別。這些規則已經被廣泛使用，并指導人們在新的站點設計時更有針對性的考慮問題。這份指南已經成了Web前端性能度量的一個事實標準了。

很多人都有這樣的感覺：聽了很多技術圈子的分享，有的有深度，有的循循善誘，深入淺出，但是呢，幾年下來，到底哪些用上了，哪些對自己真的有幫助了?反而有些模糊。

近幾年隨著 jQuery、Ext 以及 CSS3 的發展，以 Bootstrap 為代表的前端開發框架如雨后春筍般擠入視野，可謂應接不暇。不論是桌面瀏覽器端還是移動端都涌現出很多優秀的框架，極大豐富了開發素材，也方便了大家的開發。

收集來自google、twitter、 騰訊、 淘寶等互聯網公司對前端 HTML 、CSS 、 Javascript 等一些規范。總結于下，有部分刪減。希望大家在書寫規范上起到一定作用。

Qccrypt 是一個非常小型的 ccrypt 加密解密命令行工具的圖形化前端工具。用來對文件進行加解密。

zui框架并不是我們完全從頭到尾自己寫出來的。我們也是在使用bootstrap, yui這些框架中結合我們自己產品的應用場景，逐漸積累形成的。現在最成熟的當推bootstrap了。但是bootstrap的版本跨度比較大，也有很 多功能是我們不需要的，再加上它還是比較適合英文場景的布局。所以我們才決定自己來寫zui框架。在寫這個框架過程中，我們結合了很多具體的應用場景，比 如大量數據展示、比如手機端響應式布局等，做了很多非常有針對性的改進。最終形成了zui框架。

Titon Toolkit 是一個基于 HTML5, CSS3, jQuery, Sass 和 Gulp 構建的前端 UI 工具包。

在大型軟件中，組件化是一種共識，它一方面提高了開發效率，另一方面降低了維護成本。但是在Web前端這個領域，并沒有很通用的組件模式，因為缺少一個大家都能認同的實現方式，所以很多框架/庫都實現了自己的組件化方式。

由 OpenDigg 出品的前端開源項目周報第八期來啦。我們的前端開源周報集合了OpenDigg一周來新收錄的優質的 前端開源項目 ，方便前端開發人員便捷的找到自己需要的項目工具等。

最佳實踐的應用將伴隨著良好的 DOM 結構、網絡優化和可用于減少 CRP 指標的各種策略的結合。讓用戶更高興，讓 Google 的搜索引擎更高興。在任何企業級網站中，這將是一項艱巨的任務，但是你必須遲早做到這一點，所以不要再承擔更多的技術性債務，并開始投資于堅實的性能優化策略。

1、前端需要注意哪些 SEO 2、 <img> 的 title 和 alt 有什么區別 3、 HTTP 的幾種請求方法用途 4、從瀏覽器地址欄輸入 url 到顯示頁面的步驟 5、如何進行網站性能優化 6、HTTP狀態碼及其含義 7、語義化的理解 8、介紹一下你對瀏覽器內核的理解 9、 html5 有哪些新特性、移除了那些元素？ 10、 HTML5 的離線儲存怎么使用，工作原理能不能解釋一下？ 11

　　一、服務器側優化 　　1. 添加 Expires 或 Cache-Control 信息頭 　　某些經常使用到、并且不會經常做改動的圖片（banner、logo等等）、靜態文件（登錄首頁、說明文檔等）可以設置較長的有效期（expiration date），這些HTTP頭向客戶端表明了文檔的有效性和持久性。如果有緩存，文檔就可以從緩存（除已經過期）而不是從服務器讀取。接著，客戶端考察緩存中的副本，看看是否過期或者失效，以決定是否必須從服務器獲得更新。

近年來，移動互聯網應用有著爆發式的增長，同質化 APP 層出不窮，人們對于產品體驗的要求越來越高，渲染遲緩、交互卡頓的單體 Web APP 已經無法滿足現有用戶苛刻的使用標準；與此同時，井噴式的業務需求迫使 iOS、Android 兩個移動平臺不斷提升迭代開發速度，縮短版本發布周期；如何既能利用 Web 門檻低、輕量級、跨平臺開發的優勢，又能盡可能最大化屏蔽其現存缺點成了大前端融合領域攻克的重點。

這篇文章并不是一篇高手教學文，也不是一個激勵故事，假設你已經是一個前端或者你想成為一個前端工程師，我是希望接由一些文字，來傳達一些經驗和分享。這不是絕對的學習路徑，學習因人而異，僅供參考。