摘要：特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。

特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。

本以為自己收藏的站點(diǎn)多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補(bǔ)充。有錯(cuò)誤的地方，還請(qǐng)斧正...

托管: welcome to git，歡迎交流，感謝star

有好友反應(yīng)和斧正，會(huì)及時(shí)更新，平時(shí)業(yè)務(wù)工作時(shí)也會(huì)不定期更新在...2018-09-13
https://xiaohuazheng.github.i...

資源這么多，多看看多學(xué)習(xí)再總結(jié)肯定是好的。多讀讀就算看重了不算浪費(fèi)時(shí)間，畢竟一千個(gè)讀者就有一千個(gè)林黛玉，還有溫故而知新，說(shuō)不定多讀一些內(nèi)容，就發(fā)現(xiàn)驚喜了呢。不過(guò)，在此也精簡(jiǎn)一些內(nèi)容，就1~2項(xiàng)，只供參考。更多內(nèi)容細(xì)看分類。

知乎：程序員應(yīng)該如何注意身體健康？

js：JavaScript 標(biāo)準(zhǔn)參考教程

js：JavaScript 秘密花園

Es6：ECMAScript 6入門

Es6：深入淺出ES6

css：CSS 參考手冊(cè)

html:HTML超文本標(biāo)記語(yǔ)言

jquery：從零開始學(xué)習(xí)jQuery

jquery：前端開發(fā)者都應(yīng)知道的 jQuery 小技巧

移動(dòng)Web：騰訊移動(dòng)Web前端知識(shí)庫(kù)

移動(dòng)Web：移動(dòng)web知識(shí)資料集-白樹

小程序：微信小程序開發(fā)資源匯總...

Git：Git教程 - 廖雪峰

Git：設(shè)置Git快捷命令

React：React入門教程

Angular: Angular.js 的一些學(xué)習(xí)資源

underscore：underscore.js 手冊(cè)

vue：vue.js API 中文

RegExp：RegExp對(duì)象 - 阮一峰

Node：Node.js 包教不包會(huì)

Express：Express 4.x API 中文手冊(cè)

Koa：Koa 框架學(xué)習(xí)

前端：Front-End-Develop-Guide 前端開發(fā)指南

模塊化：JavaSript模塊規(guī)范 - AMD規(guī)范與CMD規(guī)范介紹

規(guī)范化：通過(guò)分析github代碼庫(kù)總結(jié)出來(lái)的工程師代碼書寫習(xí)慣

工程化：前端工程——基礎(chǔ)篇

博客：淘寶前端團(tuán)隊(duì)

博客：Tencent AlloyTeam

博客：FEX 百度WEB前端研發(fā)部

工具：sublime-text & 資料齊聚

工具：chrome 開發(fā)者工具的 15 個(gè)小技巧

優(yōu)化：移動(dòng)H5前端性能優(yōu)化指南

面試：前端開發(fā)面試題

各種教程會(huì)有很多，我也精簡(jiǎn)的挑選了一些。選擇一兩個(gè)合適的就好了。有時(shí)間多看看多比比也是極好的。

Javascript教程-小白的零基礎(chǔ)JavaScript全棧教程-瘳雪峰

JavaScript 標(biāo)準(zhǔn)參考教程

You-Dont-Know-JS -- 不建議初學(xué)者查看

You-Dont-Know-JS -- 翻譯版

重新介紹 JavaScript（JS 教程）

前端入門教程

前端開發(fā)者手冊(cè)

JavaScript學(xué)習(xí)總結(jié)-trigkit4

溫故js系列-對(duì)知識(shí)點(diǎn)進(jìn)行回顧知新

JS函數(shù)式編程指南

JavaScript Promise迷你書（中文版）

精通JavaScript開發(fā)-智能社

JavaScript秘密花園

JavaScript 資源大全中文版

JavaScript闖關(guān)記 - 編輯中

JavaScript練習(xí)網(wǎng)站收集

統(tǒng)一回復(fù)《怎么學(xué)JavaScript？》

runjs - js在線編輯學(xué)習(xí)

常用的Javascript設(shè)計(jì)模式

45個(gè)實(shí)用的JavaScript技巧、竅門和最佳實(shí)踐

給JavaScript初學(xué)者的24條最佳實(shí)踐

編寫快速、高效的JavaScript代碼

Ajax知識(shí)體系

javascript功能插件大集合

Moment.js

Moment.js 中文網(wǎng)

TypeScript 2.1 新特性一覽

JS Tips – A JS tip per day!

ECMAScript 6入門

深入淺出ES6

探索ES6

ES6 你可能不知道的事 - 基礎(chǔ)篇

ES6 你可能不知道的事 - 進(jìn)階篇

HTML5與CSS3權(quán)威指南（書籍）

html:HTML超文本標(biāo)記語(yǔ)言

譯谷歌 HTML/CSS 規(guī)范

HTML5菜鳥教程

《每周一點(diǎn)canvas動(dòng)畫》

玩轉(zhuǎn)html5畫圖

HTML5+NodeJs實(shí)現(xiàn)WebSocket即時(shí)通訊

CSS 語(yǔ)法參考

CSS 參考手冊(cè)

騰訊css3動(dòng)畫制作工具

Bootstrap 中文網(wǎng)

css3 js 移動(dòng)大雜燴

Animate.css

Sass guide

Sass中文文檔

less

談?wù)勔恍┯腥さ腃SS題目系列

CSS居中：完全指南（譯）

業(yè)務(wù)代碼中可用的css小技巧

You Don"t Know CSS（一）

You Don"t Know CSS（二）

從零開始學(xué)習(xí)jQuery

jQuery API 中文文檔

learn JQuery

JQuery 源碼查找

前端開發(fā)者都應(yīng)知道的 jQuery 小技巧

10 個(gè) jQuery 圖表插件推薦

騰訊移動(dòng)Web前端知識(shí)庫(kù)

支付寶-無(wú)線Web開發(fā)經(jīng)驗(yàn)談

移動(dòng)web知識(shí)資料集-白樹

移動(dòng)端學(xué)習(xí) - mobileTech

移動(dòng)前端的一些坑和解決方法（外觀表現(xiàn)）

hotcss 移動(dòng)端布局終極解決方案 - 讓移動(dòng)端布局開發(fā)更加容易

zepto

jqmobile 手冊(cè)

swiper中文網(wǎng)

iscroll

移動(dòng)開發(fā)大雜燴

特色的HTML框架可以創(chuàng)建精美的iOS應(yīng)用-框架

微信(小程序or應(yīng)用號(hào))開發(fā)資源匯總-文檔-工具-教程-代碼-插件-組件...

Git教程 - 廖雪峰

GitHub 漫游指南

企業(yè)開發(fā)git工作流模式探索

Git資料

Git常用命令

設(shè)置Git快捷命令

React 教程

Redux-saga 中文文檔

react.js 官方文檔

reactnative

React 入門實(shí)例教程 - 阮一峰

React Native 中文版

深入淺出React（一）：React的設(shè)計(jì)哲學(xué) - 簡(jiǎn)單之美

一看就懂的ReactJs入門教程（精華版）

React china 中文社區(qū)

深入淺出React（系列）

React 設(shè)計(jì)思想

dva- 基于 redux、redux-saga 和 [email protected] 的輕量級(jí)前端框架

Ant Design of React

tween-one 動(dòng)效組件

Angular.js 的一些學(xué)習(xí)資源

關(guān)于 AngularJS 框架的使用有哪些經(jīng)驗(yàn)值得分享？

有jQuery背景，該如何用AngularJS編程思想

AngularJS 源碼分析

AngularJS 中文社區(qū)

AngularJS 入門教程 圖靈社區(qū)

underscore-underscore.js 手冊(cè)

underscore-underscore.js源碼分析

lodash-官方文檔

lodash-中文文檔

vuejs 英文官網(wǎng)

vuejs 中文官網(wǎng)

vue.js API 中文

vue.js 中文社區(qū)

vuejs-github-官方倉(cāng)庫(kù)

Element，一套為開發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue 2.0 的組件庫(kù)

vue最新實(shí)戰(zhàn) gank客戶端（vue2 + vue-router2 + vuex +webpack+ es6）新手福利，干貨多多

Welcome to the Vue Forum!

iView - 一套基于 Vue.js 的高質(zhì)量 UI 組件庫(kù)，主要服務(wù)于 PC 界面的中后臺(tái)產(chǎn)品

vue 性能優(yōu)化

Vue 2.0 構(gòu)建單頁(yè)應(yīng)用最佳實(shí)戰(zhàn)

Vue 2.0源碼學(xué)習(xí)

Mint UI 使用文檔

RegExp對(duì)象 - 阮一峰

正則表達(dá)式&常用代碼

正則表達(dá)式前端手冊(cè)

進(jìn)階正則表達(dá)式

正則表達(dá)式 - MDN

ES6正則的擴(kuò)展

在線正則表達(dá)式測(cè)試

深入淺出NodeJs（推薦書籍）

Node.js 包教不包會(huì)

七天學(xué)會(huì)NodeJS

NodeJs學(xué)習(xí)筆記

NodeJs-阮一峰

Node.js 究竟是什么？

NodeJs的代碼調(diào)試和性能調(diào)優(yōu)

Express 框架學(xué)習(xí)

Express 4.x API 中文手冊(cè)

Koa 框架學(xué)習(xí)

Koa 手冊(cè)

ejs Embedded JavaScript Template

數(shù)據(jù)結(jié)構(gòu)與算法 JavaScript 描述. 章節(jié)練習(xí)

常見排序算法（JS版

JS算法 數(shù)據(jù)結(jié)構(gòu) 精華集

算法系列15天速成——第一天 七大經(jīng)典排序【上】

常見排序算法及優(yōu)化

Front-End-Develop-Guide 前端開發(fā)指南

前端知識(shí)體系

前端知識(shí)結(jié)構(gòu)

前端開發(fā)的歷史和趨勢(shì)

前端工程師必備的PS技能——切圖篇

結(jié)合個(gè)人經(jīng)歷總結(jié)的前端入門方法

w3help

響應(yīng)式布局指南

關(guān)于前端開發(fā)談?wù)剢卧獪y(cè)試

JavaSript模塊規(guī)范 - AMD規(guī)范與CMD規(guī)范介紹

Javascript模塊化編程（一）：模塊的寫法 阮一峰

Javascript模塊化編程（二）：AMD規(guī)范 阮一峰

Javascript模塊化編程（三）：require.js的用法 阮一峰

RequireJS入門（一）Snandy

RequireJS入門（二）Snandy

RequireJS入門（三）Snandy

RequireJS進(jìn)階（一）Snandy

RequireJS進(jìn)階（二）Snandy

RequireJS進(jìn)階（二）Snandy

RequireJS 入門指南

Seajs 提供簡(jiǎn)單、極致的模塊化開發(fā)體驗(yàn)

通過(guò)分析github代碼庫(kù)總結(jié)出來(lái)的工程師代碼書寫習(xí)慣

HTML&CSS編碼規(guī)范 by @mdo

Javascript編碼規(guī)范-Max Yu

CSS編碼規(guī)范-Max Yu

前端編碼規(guī)范之JavaScript-小胡子哥

前端編碼規(guī)范之css-小胡子哥

前端開發(fā)規(guī)范手冊(cè)

前端代碼規(guī)范 及 最佳實(shí)踐

百度前端規(guī)范

網(wǎng)易前端規(guī)范

工程化的工具都不是絕對(duì)的，選擇合適的使用，項(xiàng)目多了，說(shuō)不定你都用上了也不一定。反正在我身邊我知道的項(xiàng)目中，不同項(xiàng)目用著不同工具，基本都包含了。

前端工程——基礎(chǔ)篇

Gulp中文網(wǎng)

Gulp官網(wǎng)

Gulp：任務(wù)自動(dòng)管理工具 - 阮一峰

Gulp 入門指南

Gulp入門教程

Grunt中文網(wǎng)

Grunt官網(wǎng)

fis 前端工具框架

fis 文檔

Webpack

Webpack 中文指南

Webpack傻瓜式指南（一）

Webpack傻瓜指南（二）開發(fā)和部署技巧

入門Webpack，看這篇就夠了

Webpack 2 入門教程

Facebook Projects

Baidu FEX team

nzakas

chrome開發(fā)團(tuán)隊(duì)成員

玉伯 -支付寶前端Leader

豆瓣前端Leader

JacksonTian 樸靈

伯樂(lè)在線

淘寶UED北京團(tuán)隊(duì)

國(guó)外TJ大神

substack

支付寶前端美女沉魚~

fengmk2

github上值得關(guān)注的前端項(xiàng)目 - 404

SF內(nèi)有很多高手，可以前去排行榜看看。。。

淘寶前端團(tuán)隊(duì)

Tencent AlloyTeam 2016

FEX 百度WEB前端研發(fā)部

EFE 百度EFE(Excellent FrontEnd)技術(shù)體系

qunaer UED

Ruby-China

CNodeJs

i5ting狼叔

伯樂(lè)在線

博客園

大漠

樸靈

justjavac - 迷渡

阮一峰的網(wǎng)絡(luò)日志

三生石上-專注于前端（JavaScript、jQuery、ExtJS）

司徒正美-Ruby"s Louvre

張?chǎng)涡?- CSSCSSCSS

Snandy

sublime-text & 資料齊聚

SublimeText-快捷鍵大全

Gif多圖：我常用的 16 個(gè) Sublime Text 快捷鍵

sublime Text3 常用快捷鍵 - mac版

AngularJS最理想開發(fā)工具WebStorm

Fiddler調(diào)式深入研究(一)

Fiddler實(shí)戰(zhàn)深入研究(二)

移動(dòng)web調(diào)式利器---Rosin研究

移動(dòng)開發(fā)中Fiddler的那些事兒

微信內(nèi)移動(dòng)前端開發(fā)抓包調(diào)試工具fiddler使用教程

Google Chrome 官方

Chrome開發(fā)者工具不完全指南（一、基礎(chǔ)功能篇）

Chrome開發(fā)者工具不完全指南（二、進(jìn)階篇）

Chrome開發(fā)者工具不完全指南（三、性能篇）

Chrome開發(fā)者工具不完全指南（四、性能進(jìn)階篇）

Chrome開發(fā)者工具不完全指南（五、移動(dòng)篇）

chrome開發(fā)工具快捷鍵

Chrome 開發(fā)工具 Workspace 使用

chrome 開發(fā)者工具的 15 個(gè)小技巧

天啦嚕！原來(lái)Chrome自帶的開發(fā)者工具還能這么用！

神器——Chrome開發(fā)者工具(一)

使用Chrome開發(fā)工具調(diào)試Canvas

WEB調(diào)試工具---Firebug-慕課網(wǎng)

Firefox 開發(fā)工具 WebIDE

Firebug入門指南 - 阮一峰

Firebug控制臺(tái)詳解 - 阮一峰

移動(dòng)端前端開發(fā)調(diào)試

屌爆了,完美調(diào)試 微信webview(x5)

微信調(diào)試的那些事

在線二維碼圖片生成器

Smart PNG and JPEG compression在線圖片壓縮

easyicon 圖標(biāo)下載

Icon Hover Effects

Javascript高性能動(dòng)畫與頁(yè)面渲染

移動(dòng)H5前端性能優(yōu)化指南

給網(wǎng)頁(yè)設(shè)計(jì)師和前端開發(fā)者看的前端性能優(yōu)化

轉(zhuǎn)一篇Yahoo關(guān)于網(wǎng)站性能優(yōu)化的文章，兼談本站要做的優(yōu)化

Yahoo!團(tuán)隊(duì)實(shí)踐分享:網(wǎng)站性能優(yōu)化的34條黃金守則(一)—內(nèi)容

網(wǎng)站性能優(yōu)化指南：什么使我們的網(wǎng)站變慢？

分享網(wǎng)頁(yè)加載速度優(yōu)化的一些技巧

【高性能前端1】高性能HTML -

【高性能前端2】高性能CSS

前端工程精粹（一）：靜態(tài)資源版本更新與緩存

前端工程精粹（二）：靜態(tài)資源管理與模板框架

讓網(wǎng)站提速的最佳前端實(shí)踐

阿里無(wú)線前端性能優(yōu)化指南 (Pt.1 加載期優(yōu)化)

pagespeed - 檢測(cè)網(wǎng)頁(yè)性能及優(yōu)化建議

面試題可以供我們學(xué)習(xí)補(bǔ)漏，但面試題始終有一種應(yīng)對(duì)面試的感覺。請(qǐng)相信面試官能輕易的看出你的斤兩，掌握基礎(chǔ)和提升技術(shù)才是最重要的。這些面試題也是極好的。

前端開發(fā)面試題

前端開發(fā)面試題 - GitHub

前端開發(fā)面試問(wèn)題及答案整理

front-end development interview questions and answers

如何面試一名前端開發(fā)工程師？

前端實(shí)習(xí)生面試總結(jié)

前端開發(fā)面試題大收集

如何面試前端工程師？ - 知乎

5個(gè)經(jīng)典的前端面試問(wèn)題

10個(gè)常見的Node.js面試題

百度FEX 的面試

40 個(gè)重要的 HTML5 面試問(wèn)題及答案

BAT及各大互聯(lián)網(wǎng)公司2014前端筆試面試題：JavaScript篇

TCP三次握手&Render Tree頁(yè)面渲染=>從輸入U(xiǎn)RL到頁(yè)面顯示的過(guò)程

前端進(jìn)階-讓你升級(jí)的網(wǎng)絡(luò)知識(shí)