學習資源整理

ES6

      http://es6.ruanyifeng.com/#docs/generator

Javascript

Article	Article
Javascript深淺拷貝	Javascript中的apply和call繼承
Javascript的jsonp原理	Javascript監聽觸摸事件
Javascript中的var self = this	Javascript面向對象編程
Javascript滑屏切換場景	Javascript獲取經緯度，關於調用百度API的問題
妙用Javascript運算符	深刻理解Javascript函數編程
Javascript的setTimeout詳細用例	sessionstorage，localstorage和cookie
JS日期對比	JSONP參考文章
Javascript的createElement	Javascript的createDocumentFragment
sessionStorage和localStorage	像素幀動畫
Reference	Reference
收集最全前端學習資料	最全前端教程-貓的回憶錄
JavaScript中的this陷阱的最全收集--沒有之一	JS函數式編程指南
JavaScript Promise迷你書（中文版）	阮一峯 Javascript
前端 TOP 100	小白的零基礎JavaScript全棧教程

UI

Reference	Reference
WeUI	Bootstrap
MUI-最接近原生APP體驗的高性能前端框架	Amaze UI中國首個開源HTML5跨屏前端框架
Frozen UI	Foundation
SUI	ZUI
淘寶HTML5前端框架	KISSY - 阿里前端JavaScript庫
網易Nej - Nice Easy Javascript	Kendo UI MVVM Demo
Smart UI	雅虎UI - CSS UI

CSS

Article	Article
CSS Flex佈局	移動前端開發CSS3
響應式佈局 媒體查詢	CSS圖片響應式佈局
lessDemo的less文件
Reference	Reference
CSS 語法參考	CSS3動畫手冊
騰訊css3動畫製做工具	animate.css
Animated Books with CSS 3D Transforms	Browserhacks

HTML

Article	Article
HTML5有哪些讓你驚豔的demo	Wallpaperbetter

Angular

Article	Angular文檔
Angular源碼解讀publishExternalAPI函數	Angular源碼解讀setupModuleLoader函數
Angular的ng-style用法	Angular判斷在那個瀏覽器下打開的服務
Angular文字摺疊展開組件的原理分析	Angular服務Request異步請求的詳細分析
Angular自定義service服務詳解	Angular自定義判斷上一頁是否存在的服務
Angular操做cookies方法	Angular打印錯誤的minErr函數
Angular的fromJson與toJson方法	Angular用ng-repeat生成表單並綁定ng-click時的一個細節
Angular的run方法巧妙運用	Angular處理Html轉義問題
ng-repeat綁定事件和嵌套	Angular的post請求後臺接受不了數據的解決方法
ionic總結	ui-route和ng-route
ng-options&&ng-switch	directive組件做用域
表單認證	$broadcast,$emit and $on
自定義過濾器	自定義手勢指令ng-touch
ng-animate	單頁面應用的技術點
Guess you like	AppDemo
Angular商城Demo	Angular的Cnode社區
AngularStovepipe	Angular的新聞客戶端
Angular商城Demo	Angular的Cnode社區
Angular內聯編輯器	Angular即時搜索
Angular導航菜單	Angular訂單表單
Angular切換網格	Angular新聞＋WEUI DEMO 源碼
Controller	控制器
Angular控制器demo
SPA DEMO	單頁面應用
Angular+Weui單頁面應用DEMO-每日笑話
Service	服務
Angular自定義服務的經常使用方法	Angular部分服務demo
Angular自定義Canvas畫圖服務	Angular自定義http服務 面向對象封裝
Directive	組件與指令
Angular自定義手勢指令	Angular自定義輪播圖組件
Angular自定義下拉刷新組件1	Angular自定義下拉刷新組件2
Router	路由
Angular路由嵌套	Angular路由單頁多個ui-view
Filter	過濾器
Angular自帶過濾器	Angular自定義關鍵詞檢索過濾器
Animate	動畫
Angular ng-animate動畫1	Angular ng-animate動畫2
Other	其餘
Angular中使用iframe	Angular三級聯動(1)
Angular中使用ng-switch	百度定位DEMO
Angular三級聯動(2)	Angular事件監聽
jQuery模擬ng-repeat	lessDemo
Angular自定義cookie服務和ngCookie的使用	圖靈機器人
Angular利用angular.module()實現模塊化	Angular的form表單驗證
Angular的ng-repeat嵌套	Angular利用angular.module()實現模塊化2
PHP	PHP
PHP CURL請求的小細節
Reference	Reference
最流行的PHP 代碼規範	最流行的PHP 代碼規範
Angular.js的一些學習資源	Angularjs中文社區
一些擴展Angular UI組件	Angular UI
AngularJS在線教程	Angular學習筆記

React

React	Reference
React教程 菜鳥教程	React Router 使用教程
React開發中文手冊-極客學院	React教程-匯智網hubwiz.com/course/552762019964049d1872fc88/
React.js快速開始	Reactjs 2016最佳實踐
React 入門教程	匯智網 React教程hubwiz.com/course/552762019964049d1872fc88/?ch=alloyteam
輕鬆入門React和Webpack	React中文索引
Redux 中文文檔	React Router官方文檔中文翻譯
React入門教程	React介紹及實踐教程
React.js 官方網址	React.js 官方文檔
React.js material UI	React.js TouchstoneJS UI
React.js amazeui UI	React 入門實例教程 - 阮一峯
React Native 中文版	Webpack 和 React 小書 - gitbook

Vue

Vue	AppDemo	Demo
NewsDemo	vue計算屬性	vue生命週期
Article	Vue文檔
Vue-cli腳手架	Vue組件	vue自定義指令
Vue過渡動畫	Vue指令	Vue api文檔
Vue執行ajax請求	vue實現相似angular服務的方法	Vue源碼參考文檔
Router	路由
路由demo	路由demo2
Directive	指令
指令demo	自定義指令demo	滑動手勢demo
Filter	過濾器
過濾器demo	過濾器實現分頁demo	過濾器讀寫數據
Transition	過渡
過渡demo	過渡demo2
Form	表單
獲取表單值
Computed	計算
計算屬性
Component	組件
組件demo
Reference	Reference	Reference
Vue官網	Vue論壇	Awesome-vue

Node

Node	Article
node技巧	NodeJs靜態服務器
Reference	Reference
Node.js 包教不包會	七天學會NodeJS
從零開始nodejs系列文章	Node入門
Node初學者入門，一本全面的NodeJS教程

Gulp

Gulp	Article
Gulp Demo
Gulp	Reference
Gulp官網	Gulp中文網
Gulp資料收集	Gulp：任務自動管理工具 - ruanyifeng
Gulp插件	Gulp不徹底入門教程
Gulp 入門指南

其餘

Other	Article
關於Pornographic website的一些前端分析	微信公衆號開發
Atom技巧總結	Mac小技巧
CSDN頁面內JS跳轉腳本	CSDN博客隱藏配置
百度設置小度機器人出現	前端冷知識，妙用瀏覽器地址欄
Vim筆記	Cordova配置&&Ionic配置（WebApp混合開發環境）
IE8及如下按鈕超連接沒法跳轉的問題

分享功能

Share	Reference
百度分享(PC)	JiaThis(PC)
社會化分享組件(Mobile)	ShareSDK輕鬆實現社會化功能(Mobile)
友盟分享(Mobile)

在線演示

Reference	Reference
js 在線編輯 - runjs	js 在線編輯 - jsbin
js 在線編輯 - codepen	js 在線編輯 - jsfiddle
java 在線編輯 - runjs	js 在線編輯 - hcharts
js 在線編輯 - jsdm	sql 在線編輯 - sqlfiddle
mozilla 在線編輯器

富文本編輯器

Reference	Reference
百度ueditor	ckeditor
tinymce	kindeditor
wysiwyg	BachEditor
simditor	summernote
Squire	wangEditor

Chrome

Reference	Reference
Chrome - 基礎	Chrome - 進階
Chrome - 性能	Chrome - 性能進階
Chrome - 移動	Chrome - 使用技巧
Chrome - Console控制檯不徹底指南	chrome開發工具快捷鍵
Chrome 開發工具 Workspace 使用	Chrome神器Vimium快捷鍵學習記錄
Sass調試-w3cplus	如何更專業的使用Chrome開發者工具-w3cplus
Chrome調試canvas	神器——Chrome開發者工具(一)
奇趣百科性能優化(Chrome DevTools 中的 Timeline Profils 等工具使用介紹	Chrome 開發者工具的 15 個小技巧
Chrome開發者工具不徹底指南	Chrome 開發者工具使用技巧

性能優化

Reference	Reference
Javascript高性能動畫與頁面渲染	移動H5前端性能優化指南
給網頁設計師和前端開發者看的前端性能優化	張鑫旭——前端性能
web前端性能優化進階路	Hey——前端性能
YSLOW中文介紹	Yahoo!團隊實踐分享：網站性能
加載，不僅是少一點點	由12306談談網站前端性能和後端性能優化
【高性能前端1】高性能HTML	【高性能前端2】高性能CSS
前端工程與性能優化（上）：靜態資源版本更新與緩存	前端工程與性能優化（下）：靜態資源管理與模板框架
HTTPS鏈接的前幾毫秒發生了什麼	Yslow
阿里無線前端性能優化指南(Pt.1 加載期優化)	毫秒必爭，前端網頁性能最佳實踐

CDN

Reference	Reference
Jquery&Bootstrap中文網開源項目免費 CDN 服務	Bootstrap中文網開源項目免費 CDN 服務
新浪CDN	百度靜態資源公共庫
開放靜態文件 CDN - 七牛	CDN加速 - jq22
微軟CDN	Angular CDN
360網站衛士經常使用前端公共庫CDN服務

Git

Article	Article
Git操做	Git CSDN Blog
Reference	Reference
Git-scm	Git-for-windows
廖雪峯-Git教程	Gogithub
Git常規命令練習	Git的資料整理
我所記錄的git命令（很是實用）	GitHub 漫遊指南
GitHub祕籍	動畫方式練習git

Sass&Less

Article	Article
Less教程
Reference	Reference
Sass	Sass中文文檔
Less

Markdown

Reference	Reference
Markdown 語法說明 (簡體中文版)	Markdown入門參考
Mdeditor(一款國內的在線markdown編輯器)	Stackedit(國外的在線markdown編輯器，功能強大，同步雲盤)
Mditor一款輕量級的markdown編輯器	lepture-editor
Markdown-editor

前端文檔

Reference	Reference
前端知識結構	Web前端開發大系概覽
免費的編程中文書籍索	前端書籍
前端免費書籍大全	從新介紹JavaScript（JS教程）
Gitbook	Front-End-Develop-Guide 前端開發指南
前端開發筆記本	大前端工具集
前端開發者手冊	結合我的經歷總結的前端入門方法
2016最新前端學習計劃

前端規範

Reference	Reference
經過分析github代碼庫總結出來的工程師代碼書寫習慣	HTML&CSS編碼規範 by @mdo
前端編碼規範之js - by yuwenhui	前端編碼規範之js - by 李靖
Airbnb JavaScript 編碼規範（簡體中文版）	AMD與CMD規範的區別
AMD與CMD規範的區別	KISSY 源碼規範
前端代碼規範及最佳實踐	百度前端規範
JavaScript風格指南/編碼規範（Airbnb公司版）	網易前端開發規範
前端規範資源列表	Web 前端開發規範文檔

前端面試

Reference	Reference
2016校招內推 -- 阿里巴巴前端 -- 四面面試經歷	那幾個月在找工做（百度，網易遊戲，華爲）
前端開發面試題	Front-end-Interview-questions
5個經典的前端面試問題	Front-end-Developer-Interview-Questions
BAT及各大互聯網公司2014前端筆試面試題：JavaScript篇	前端開發面試題大收集
收集的前端面試題和答案	前端開發面試題
前端面試大全	關於前端面試

前端網站

Reference	Reference
掘金	百度FEX
阿里UED	菜鳥教程
QDFuns	幕課網
Codepen	Sentsin
CTOLib	CTOLib/Node

JS練習

Reference	Reference
Codewars	Javascript-puzzlers
Freecodecamp中文版	ES6katas
Now Coder牛客網	Leetcode
Nodeschool	Hackerrank

算法

Reference	Reference
數據結構與算法 JavaScript 描述. 章節練習	常見排序算法（JS版）
經典排序	常見排序算法-js版本

ES

Reference	Reference
Exploring-ES6翻譯	阮一峯 ES6
ECMA-262，第 5 版	ES5