前端涉及的所有知識體系

資源教程:

1. 綜合類

   • 前端知識體系

   • 前端知識結構

   • Web前端開發大系概覽

   • Web前端開發大系概覽-中文版

   • Web Front-end Stack v2.2

   • 免費的程式設計中文書籍索引

   • 前端書籍

   • 前端免費書籍大全

   • 前端知識體系

   • 免費的程式設計中文書籍索引

   • 智慧社 - 精通JavaScript開發

   • 重新介紹 JavaScript（JS 教程）

   • 麻省理工學院公開課：電腦科學及程式設計導論

   • JavaScript中的this陷阱的最全收集--沒有之一

   • JS函數語言程式設計指南

   • JavaScript Promise迷你書（中文版）

   • 騰訊移動Web前端知識庫

   • Front-End-Develop-Guide 前端開發指南

   • 前端開發筆記本

   • 大前端工具集 - 聶微東

   • 前端開發者手冊

2. 入門類

   • 前端入門教程

   • 瘳雪峰的Javascript教程

   • jQuery基礎教程

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

   • 結合個人經歷總結的前端入門方法

3. 效果類

   • 彈出層

   • 焦點圖輪播特效

4. 工具類

   • css sprite 雪碧圖製作

   • 版本控制入門 – 搬進 Github

   • Grunt-beginner前端自動化工具

5. 慕課專題

   • 張鑫旭 - 慕課系列

   • lyn - 慕課系列

   • 艾倫 - 慕課系列

   • 碧仔 - Hello，移動WEB

6. 週報類

   • 平安科技移動開發二隊技術週報

六. API:

1. 總目錄

1. 開發中心

   • mozilla js參考

   • chrome開發中心（chrome的核心已轉向blink）

   • safari開發中心

   • microsoft js參考.aspx)

   • js祕密花園

   • js祕密花園

   • w3help 綜合Bug集合網站

2. 綜合搜尋

   • javascripting

   • 各種流行庫搜尋

3. 綜合API

   • runoob.com-包含各種API集合

   • 開源中國線上API文件合集

   • devdocs 英文綜合API網站

2. jQuery

• jQuery API 中文文件

• hemin 線上版

• css88 jq api

• css88 jqui api

• 學習jquery

• jquery 原始碼查詢

3. Ecmascript

• Understanding ECMAScript 6 - Nicholas C. Zakas

• exploring-es6

• exploring-es6翻譯

• exploring-es6翻譯後預覽

• 阮一峰 es6

• 阮一峰 Javascript

• ECMA-262，第 5 版

• es5

4. Js template

• template-chooser

• artTemplate

• tomdjs

• 淘寶模板juicer模板

• Fxtpl v1.0 繁星前端模板引擎

• laytpl

• mozilla - nunjucks

• Juicer

• dustjs

• etpl

5. 彈出層

• artDialog 最新版

• artDialog 文件

• google code 下載地址

• 賢心彈出層

• 響應式使用者互動元件庫

• sweetalert-有css3動畫彈出層

6. CSS

• CSS 語法參考

• CSS3動畫手冊

• 騰訊css3動畫製作工具

• 志爺css小工具集合

• css3 js 移動大雜燴

• bouncejs 觸控庫

• css3 按鈕動畫

• animate.css

• 全域性CSS的終結(狗帶) [譯]

7. Angularjs

• Angular.js 的一些學習資源

• angularjs中文社群

• Angularjs原始碼學習

• Angularjs原始碼學習

• angular對bootstrap的封裝

• angularjs + nodejs

• 呂大豹 Angularjs

• AngularJS 最佳實踐

• Angular的一些擴充套件指令

• Angular資料繫結原理

• 一些擴充套件Angular UI元件

• Ember和AngularJS的效能測試

• 帶你走近AngularJS - 基本功能介紹

• Angularjs開發指南

• Angularjs學習

• 不要帶著jQuery的思維去學習AngularJS

• angularjs 學習筆記

• angularjs 開發指南

• angularjs 英文資料

• angular bootstrap

• angular jq mobile

• angular ui

• 整合jQuery Mobile+AngularJS經驗談

• 有jQuery背景，該如何用AngularJS程式設計思想

• AngularJS線上教程

• angular學習筆記

8. React

• react.js 中文論壇

• react.js 官方網址

• react.js 官方文件

• react.js material UI

• react.js TouchstoneJS UI

• react.js amazeui UI

• React 入門例項教程 - 阮一峰

• React Native 中文版

• Webpack 和 React 小書 - 前端亂燉

• Webpack 和 React 小書 - gitbook

• webpack

• Webpack，101入門體驗

• webpack入門教程

• 基於webpack搭建前端工程解決方案探索

• React原創實戰視訊教程

9. 移動端API

1. API

   • 99移動端知識集合

   • 移動端前端開發知識庫

   • 移動前端的一些坑和解決方法（外觀表現）

   • 【原】移動web資源整理

   • zepto 1.0 中文手冊

   • zepto 1.0 中文手冊

   • zepto 1.1.2

   • zepto 中文註釋

   • jqmobile 手冊

   • 移動瀏覽器開發集合

   • 移動開發大雜燴

   • 微信webview中的一些問題

2. 框架

   • 特色的HTML框架可以建立精美的iOS應用

   • 淘寶SUI

10. avalon

• avalonjs

• Avalon新一代UI庫： OniUI

• avalon.oniui-基於avalon的元件庫

• []()

11. Requriejs

• Javascript模組化程式設計（一）：模組的寫法

• Javascript模組化程式設計（二）：AMD規範

• Javascript模組化程式設計（三）：require.js的用法

• RequireJS入門（一）

• RequireJS入門（二）

• RequireJS進階（三）

• requrie原始碼學習

• requrie 入門指南

• requrieJS 學習筆記

• requriejs 其一

• require backbone結合

12. Seajs

• seajs

• seajs 中文手冊

13. Less,sass

• sass

• sass教程-sass中國

• Sass 中文文件

• less

14. Markdown

• Markdown 語法說明 (簡體中文版)

• markdown入門參考

• gitbook 國外的線上markdown可編輯成書

• mdeditor 一款國內的線上markdown編輯器

• stackedit 國外的線上markdown編輯器，功能強大，同步雲盤

• mditor 一款輕量級的markdown編輯器

• lepture-editor

• markdown-editor

15. D3

• d3 Tutorials

• Gallery

• lofter

• iteye

• ruanyifeng

16. 相容性

• esma 相容列表

• W3C CSS驗證服務

• caniuse

• csscreator

• microsoft.aspx)

• 線上測相容-移動端

• emulators

17. UI相關

• bootcss

• MetroUICSS

• semantic

• Buttons

• kitecss

• pintuer

• amazeui

• worldhello

• linuxtoy

• gitmagic

• rogerdudler

• gitref

• book

• gogojimmy

18. HTTP

• HTTP API 設計指南

19. 其它API

• javascript流行庫彙總

• 驗證api

• underscore 中文手冊

• underscore原始碼分析

• underscore原始碼分析-亞里士朱德的部落格

• underscrejs en api

• lodash - underscore的代替品

• ext4api

• backbone 中文手冊

• qwrap手冊

• 緩動函式

• svg 中文參考

• svg mdn參考

• svg 匯出 canvas

• svg 匯出 png

• ai-to-svg

• localStorage 庫

20. 圖表類

• Highcharts 中文API

• Highcharts 英文API

• ECharts 百度的圖表軟體

• 高德地圖

• 開源的向量圖指令碼框架

• svg 地圖

21. vue

• Vue

• Vue 論壇

• Vue 入門指南

• Vue 的一些資源索引

• []()

21. 正則

• JS正規表示式元字元

• 正規表示式30分鐘入門教程

• MDN-正規表示式

• ruanyifeng - RegExp物件

• 小鬍子哥 - 進階正規表示式

• is.js

• 正則線上測試

• []()

22. ionic

• ionic

23. 其它

• Mock.js 是一款模擬資料生成器

七. 開發規範

1. 前端

   • 通過分析github程式碼庫總結出來的工程師程式碼書寫習慣

   • HTML&CSS編碼規範 by @mdo

   • 團隊合作的css命名規範-騰訊AlloyTeam前端團隊

   • 前端編碼規範之js - by yuwenhui

   • 前端編碼規範之js - by 李靖

   • 前端開發規範手冊

   • Airbnb JavaScript 編碼規範（簡體中文版）

   • AMD與CMD規範的區別

   • AMD與CMD規範的區別

   • KISSY 原始碼規範

   • bt編碼規範

   • 規範加強版

   • 前端程式碼規範 及 最佳實踐

   • 百度前端規範

   • 百度前端規範

   • 百度前端規範

   • ECMAScript6 編碼規範--廣發證券前端團隊

   • JavaScript 風格指南/編碼規範（Airbnb公司版）

   • 網易前端開發規範

   • css模組

   • 前端規範資源列表

2. PHP

   • 最流行的PHP 程式碼規範

   • 最流行的PHP 程式碼規範

3. Android

   • 【敏捷開發】Android團隊開發規範

   • Android 開發規範與應用

八. 其它收集

1. 各大公司開源專案

• Facebook Projects

• 百度web前端研發部

• 百度EFE

• 百度github

• alloyteam

• alloyteam-github

• alloyteam-AlloyGameEngine

• AlloyDesigner 即時修改，即時儲存，設計稿較正，其它開發輔助工具

• H5互動頁編輯器AEditor介紹 H5動畫互動頁開發的工具介紹

• AEditor H5動畫互動頁開發的工具

• maka

• 值得訂閱的weekly

• 騰訊html5

• 奇舞團開源專案

• Qunar UED

2. Javascript

1. 常用

   • ieBetter.js-讓IE6-IE8擁有IE9+,Chrome等瀏覽器特性

   • 模擬鍵盤

   • 拼音

   • 中國個人身份證號驗證

2. 演算法

   • 資料結構與演算法 JavaScript 描述. 章節練習

   • 常見排序演算法（JS版）

   • 經典排序

   • 常見排序演算法-js版本

   • JavaScript 演算法與資料結構 精華集

   • 面試常考演算法題精講

   • []()

3. 移動端

   • fastclick

   • no-click-delay

4. JSON

   • 模擬生成JSON資料

   • 返回跨域JSONAPI

3. Html5

• HTML5 有哪些讓你驚豔的 demo？

4. CSS

• browserhacks

• []()

5. jQuery

1. 焦點圖

   • myfocus

   • myfocus-官方演示站

   • SuperSlidev2.1 -- 大話主席

   • soChange

6. Ext, EasyUI, J-UI 及其它各種UI方案

1. Ext

   • extjs

   • ext4英文api

   • ext4中文api

   • []()

2. EasyUI

   • jquery easyui 未壓縮原始碼

3. J-UI

   • J-UI

4. Other

   • MUI-最接近原生APP體驗的高效能前端框架

   • Amaze UI | 中國首個開源 HTML5 跨屏前端框架

   • 淘寶 HTML5 前端框架

   • KISSY - 阿里前端JavaScript庫

   • 網易Nej - Nice Easy Javascript

   • Kendo UI MVVM Demo

   • Bootstrap

   • Smart UI

   • 雅虎UI - CSS UI

7. 頁面 社會化 分享功能

• 百度分享 pc端

• JiaThis pc端

• 社會化分享元件 移動端

• ShareSDK 輕鬆實現社會化功能 移動端

• 友盟分享 移動端

8. 富文字編輯器

• 百度 ueditor

• 經典的ckeditor

• 經典的kindeditor

• wysiwyg

• 一個有情懷的編輯器。Bach's Editor

• tower用的編輯器

• summernote 編輯器

• html5編輯器

• XEditor

• wangEditor

9. 日曆

1. PC

   • 經典my97

   • 強大的獨立日期選擇器

   • fullcalendar

   • fullcalendar日曆控制元件知識點集合

   • 中文api

   • 農曆日曆

   • 超酷的仿百度帶節日日曆老黃曆控制元件

   • 日期格式化

   • 大牛日曆控制元件

   • 我群某管理作品

   • input按位替換-官網

   • input按位替換-github

   • bootstrap-daterangepicker

   • 國外30個外掛集合

   • JavaScript datepicker

   • Datepair.js

   • 一個風格多樣的日曆

   • 彈出層式的全日曆

   • jquery雙日曆

2. 移動

   • 大氣實用jQuery手機移動端日曆日期選擇外掛

   • jQuery Mobile 移動開發中的日期外掛Mobiscroll

3. Date library

   • Datejs

   • sugarjs

10. 綜合效果搜尋平臺

• 效果網

• 17素材

• 常用的JavaScript程式碼片段

11. 前端工程化

1. 概述

   • 前端工具大全

   • 什麼是前端工程化

2. Gulp

   • Gulp官網

   • Gulp中文網

   • gulp資料收集

   • Gulp：任務自動管理工具 - ruanyifeng

   • Gulp外掛

   • Gulp不完全入門教程

   • 為什麼使用gulp?

   • Gulp安裝及配合元件構建前端開發一體化

   • Gulp 入門指南

   • Gulp 入門指南 - nimojs

   • Gulp入門教程

   • Gulp in Action

   • Gulp開發教程（翻譯）

   • 前端構建工具gulpjs的使用介紹及技巧

3. Grunt

   • gruntjs

   • Grunt中文網

4. Fis

   • fis 官網

   • fis

12. 輪播圖

1. pc圖輪

   • 單屏輪播sochange

   • 左右按鈕多圖切換

   • fullpage全屏輪播

2. 移動端

   • 無縫切換

   • 滑屏效果

   • 全屏fullpage

   • 單個圖片切換

   • 單個全屏切換

   • 百度的切換庫

   • 單個全屏切換

   • 滑屏效果

   • 旋轉拖動設定

   • 類似於swipe切換

   • 支援多種形式的觸控滑動

   • 滑屏效果

   • 大話主席pc移動圖片輪換

   • 滑屏效果

   • 基於zepto的fullpage

   • [WebApp]定寬網頁設計下，固定寬度佈局開發WebApp並實現多終端下WebApp佈局自適應

   • 判斷微信客戶端的那些坑

   • 可以通過javascript直接呼叫原生分享的工具

   • JiaThis 分享到微信程式碼

   • 聊聊移動端跨平臺開發的各種技術

   • 前端自動化測試

   • 多種輪換圖片

   • 滑動側邊欄

13. 檔案上傳

• 百度上傳元件

• 上傳

• flash 頭像上傳

• 圖片上傳預覽

• 圖片裁剪

• 圖片裁剪-shearphoto

• jQuery圖片處理

• []()

14. 模擬select

• 糖餅 select

• flexselect

• 雙select

• select2

• []()

15. 取色外掛

• 類似 Photoshop 的介面取色外掛

• jquery color

• 取色外掛集合

• farbtastic 圓環＋正方形

• []()

16. 城市聯動

• jquery.cityselect.js基於jQuery+JSON的省市或自定義聯動效果

• []()

17. 剪貼簿

• 剪貼簿

• clipboard 最新的剪下方案

• 不是Flash的剪貼簿

18. 簡繁轉換

• 簡繁轉換

19. 表格 Grid

• facebook表格

• 類似於Excel編輯表格-handsontable

• bootstrap-table外掛

• datatables

20. 線上演示

• js 線上編輯 - runjs

• js 線上編輯 - jsbin

• js 線上編輯 - codepen

• js 線上編輯 - jsfiddle

• java 線上編輯 - runjs

• js 線上編輯 - hcharts

• js 線上編輯 - jsdm

• sql 線上編輯 - sqlfiddle

• mozilla 線上編輯器

21. 播放器

• Html5 VideoPlayer

22. 粒子動畫

• Proton 煙花

九. Nodejs

• nodejs 篇幅比較巨大

• Node.js 包教不包會

• 篇幅比較少

• node express 入門教程

• nodejs定時任務

• 一個nodejs部落格

• 【NodeJS 學習筆記04】新聞釋出系統

• 過年7天樂，學nodejs 也快樂

• 七天學會NodeJS

• Nodejs學習筆記（二）--- 事件模組

• nodejs入門

• angularjs nodejs

• 從零開始nodejs系列文章

• 理解nodejs

• nodejs事件輪詢

• node入門

• nodejs cms

• Node初學者入門，一本全面的NodeJS教程

• NodeJS的程式碼除錯和效能調優

十. 效能優化

1. 常規優化

   • Javascript高效能動畫與頁面渲染

   • 移動H5前端效能優化指南

   • 5173首頁前端效能優化實踐

   • 給網頁設計師和前端開發者看的前端效能優化

   • 複雜應用的 CSS 效能分析和優化建議

   • 張鑫旭——前端效能

   • 前端效能監控總結

   • 網站效能優化之CSS無圖片技術

   • web前端效能優化進階路

   • 前端技術：網站效能優化之CSS無圖片技術

   • 瀏覽器的載入與頁面效能優化

   • 頁面載入中的圖片效能優化

   • Hey——前端效能

   • html優化

   • 99css——效能

   • Yslow——效能優化

   • YSLOW中文介紹

   • 轉一篇Yahoo關於網站效能優化的文章，兼談本站要做的優化

   • Yahoo!團隊實踐分享：網站效能

   • 網站效能優化指南：什麼使我們的網站變慢？

   • 網站效能優化實踐，減少載入時間，提高使用者體驗

   • 淺談網站效能優化 前端篇

   • 前端重構實踐之如何對網站效能優化？

   • 前端效能優化：使用媒體查詢載入指定大小的背景圖片

   • 網站效能系列博文

   • 載入，不只是少一點點

   • 前端效能的測試與優化

   • 分享網頁載入速度優化的一些技巧？

   • 頁面載入中的圖片效能優化

   • web前端優化(基於Yslow)

   • 網站效能優化工具大全

   • 【高效能前端1】高效能HTML

   • 【高效能前端2】高效能CSS

   • 由12306談談網站前端效能和後端效能優化

   • AlloyTeam——前端優化

   • 毫秒必爭，前端網頁效能最佳實踐

   • 網站效能工具Yslow的使用方法

   • 前端工程與效能優化（上）：靜態資源版本更新與快取

   • 前端工程與效能優化（下）：靜態資源管理與模板框架

   • HTTPS連線的前幾毫秒發生了什麼

   • Yslow

   • Essential Web Performance Metrics — A Primer, Part 1

   • Essential Web Performance Metrics — Part 2

   • YUISlide,針對移動裝置的動畫效能優化

   • Improving Site Performance

   • 讓網站提速的最佳前端實踐

   • Why Website Speed is Important

   • Need for Speed – How to Improve your Website Performance

   • 阿里無線前端效能優化指南 (Pt.1 載入期優化)

   • []()

2. 優化工具

   • JavaScript 效能分析新工具 OneProfile

   • JavaScript 堆記憶體分析新工具 OneHeap

3. 線上工具

   • google線上工具

   • 阿里測

   • 阿里-免費測試服務

   • 阿里-F2etest多瀏覽器相容性測試解決方案

   • js效能測試

   • []()

十一. 前端架構

• 技術架構

• 前端架構

• 如何成為前端架構師

• 關於前端架構-張克軍

• 百度騰訊offer比較（騰訊遊戲VS百度基礎架構）

• []()

十二. 個人作品

1. 推薦作品

• winter程式碼片段需要翻牆

• fgm

• 岑安作品集

• 當耐特demo集合

• 米空格 js作品

• myFocus

• SeaJS元件庫

• 顏海鏡作品

• 腳兒網作品

• javascript個人作品

• 妙味的雷東昇遊戲作品

• javascript作品集

• 雲五筆，灰度產生生成工具

• 專案主頁

• 個性的作品主頁

• 播放器

• ucren js demos 集

• 智慧社

• 例項陳列架

• zoye demo

• 王員外

• 平凡

• jyg 遊戲案例

• 很多jquery外掛

• 不羈蟲 - soJs 作品系列

• frozenui

• 黑白棋

• fromone

2. 群員作品

• MDialog - [合肥-M.J]

• 輪播圖 - [上海－冷靜]

• [廣州—堅殼]

• [成都 - 無痕]　感恩節專題

• [球霸天]

• [北京-小數]

• [ptf] Magix 工具

• [杭州-Pft] Magix 基於 MVC 結構和 Hash 驅動的 OPOA（One Page One Application）應用

• [上海-劇中人]-實驗室

• [上海-豪情 ] 作品集合

• [成都-feeling]

• [上海-angela]

• [海南-hank]作品

• [上海-張力]部落格

• [上海-zenki]作品

• 移動端圖案解鎖

• [合肥-M.J] - MPreview 移動端圖片預覽組

• [合肥-M.J] - Mexam 移動端線上做題組

• [北京-蘇瑞] - dancer小人

• [上海-玄沐]- 個人網站

• [廈門-二哲]- 個人部落格

3. 國外大牛精品

• pazguille

十三. 簡歷模板

• 不錯的個人簡歷

• 簡歷

• 張倫

• 簡歷

• 翁天信

• 動畫方式的簡歷

• 元件豐富簡歷

• 簡歷池

• haorooms部落格

• Justin Young

• []()

十四. 面試題

• 那幾個月在找工作（百度，網易遊戲）

• 2014最新面試題

• 阿里前端面試題

• 2016校招內推 -- 阿里巴巴前端 -- 三面面試經歷

• 騰訊面試題

• 年後跳槽那點事：樂視+金山+360面試之行

• 阿里前端面試題上線

• 拉勾網js面試題

• 前端面試

• Web開發筆試面試題 大全

• 前端開發面試題

• 2014最新前端面試題

• 百度面試

• 面試題

• 前端工作面試問題

• 前端開發面試題

• 5個經典的前端面試問題

• 最全前端面試問題及答案總結

• 如何面試一名前端開發工程師？

• 史上最全 前端開發面試問題及答案整理

• 前端實習生面試總結

• 史上最全 前端開發面試問題及答案整理

• BAT及各大網際網路公司2014前端筆試面試題：JavaScript篇

• 前端開發面試題大收集

• 收集的前端面試題和答案

• 如何面試前端工程師

• 前端開發面試題

• 牛客網-筆試面經

十五. iconfont

• 中文字型

• 淘寶字型檔

• 字型

• 製作教程

• zhangxinxu-icommon

• icommon

• 用字型在網頁中畫ICON圖示(推薦教程)

• 字型壓縮工具 感謝初級群　[深圳-小魚] 的推薦

十六. 開發工具類

1. 前端開發工具

   • IntelliJ IDEA 簡體中文專題教程

   • Webstorm,InterllIdea,Phpstorm

   • SublimeText

   • Atom

   • visual studio code

2. Chrome, Firebug, Filddle 除錯

   1. Fiddler

      • Fiddler調式使用知多少(一)深入研究

      • 微信fiddle

      • 微信fiddle

      • []()

   2. Chrome

      • Google Chrome 官方

      • Chrome - 基礎

      • Chrome - 進階

      • Chrome - 效能

      • Chrome - 效能進階

      • Chrome - 移動

      • Chrome - 使用技巧

      • Chrome - Console控制檯不完全指南

      • Chrome - Workspace使瀏覽器變成IDE

      • network皮膚

      • chrome開發工具快捷鍵

      • chrome除錯工具常用功能整理

      • Chrome 開發工具 Workspace 使用

      • Chrome神器Vimium快捷鍵學習記錄

      • sass除錯-w3cplus

      • 如何更專業的使用Chrome開發者工具-w3cplus

      • chrome除錯canvas

      • chrome profiles1

      • chrome profiles2

      • chrome profiles3

      • chrome移動版除錯

      • chrome除錯

      • chrome的除錯

      • chrome console 命令詳解

      • 檢視事件繫結1

      • 檢視事件繫結2

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

      • 奇趣百科效能優化(Chrome DevTools 中的 Timeline Profils 等工具使用介紹)

      • chrome 開發者工具的 15 個小技巧

      • Chrome開發者工具不完全指南

      • Chrome 開發者工具使用技巧

   3. Firebug

      • firebug視訊教程

      • firefox 模擬器

      • console.log 命令詳解

      • Firebug入門指南

      • Firebug控制檯詳解

      • []()

   4. 移動,微信除錯

      • 瀏覽器端除錯安卓

      • 移動端前端開發除錯

      • 使用 Chrome 遠端除錯 Android 裝置

      • mac移動端除錯

      • mac移動端除錯

      • 無線除錯攻略

      • 無線除錯攻略

      • 屌爆了,完美除錯 微信webview(x5)

      • 微信除錯的那些事

      • 遠端console

      • 微信除錯工具

      • 各種真機遠端除錯方法彙總

   5. iOS Simulator

      • Simulator

      • Xcode中的iOS模擬器(iOS Simulator)的介紹和使用心得

3. img

   • loading img

   • 智圖-圖片優化平臺

   • 線上png優化

4. 生成二維碼

   • 生成二維碼

5. 瀏覽器同步

   • puer

   • liveReload

   • f5

   • File Watchers

6. 線上PPT製作

   • nodePPT

   • PPT

   • reveal

   • slippy

十七. 前端導航網站

• 介面清爽的前端導航

• 前端導航

• 前端網址導航

• 前端名錄

• 前端導航

• 前端開發資源

• 網址導航

• 前端開發倉庫 - 眾多效果的收集地

• 前端資源導航

• F2E 前端導航

十八. 常用CDN

• 新浪CDN

• 百度靜態資源公共庫

• 360網站衛士常用前端公共庫CDN服務

• Bootstrap中文網開源專案免費 CDN 服務

• 開放靜態檔案 CDN - 七牛

• CDN加速 - jq22

• jQuery CDN

• Google jQuery CDN

• 微軟CDN

十九. Git,SVN,Github

1. Git

   • git-scm

   • 廖雪峰-Git教程

   • git-for-windows

   • GitHub 新增 SSH keys

   • gogithub

   • git常規命令練習

   • git的資料整理

   • 我所記錄的git命令（非常實用）

   • 企業開發git工作流模式探索部分休整

   • GitHub 漫遊指南

   • GitHub祕籍

   • 使用git和github進行協同開發流程

   • 動畫方式練習git