汇总前端网站资源
1--------走進前端?。。?！
前端知識體系
前端知識結構
免費的編程中文書籍索引
阮一峰 Javascript
精通JavaScript開發
JavaScript中的this陷阱的最全收集--沒有之一
前端開發筆記本https://li-xinyang.gitbooks.io/frontend-notebook/content
前端開發者手冊https://dwqs.gitbooks.io/frontenddevhandbook/content
前端入門教程
前端工程師必備的PS技能——切圖篇
2--------jQuery
jQuery API 中文文檔
學習jquery
3--------CSS
CSS 語法參考
CSS3動畫手冊
志爺css小工具集合http://linxz.github.io/tianyizone
bouncejs 觸摸庫
animate.csshttp://daneden.github.io/animate.css
4--------Angularjs
Angular.js 的一些學習資源
angularjs中文社區
Angularjs源碼學習
angular對bootstrap的封裝http://angular-ui.github.io/bootstrap
angularjs + nodejs
呂大豹 Angularjs
AngularJS 最佳實踐
Angular的一些擴展指令http://www.lovelucy.info/angularjs-best-practices.html
Angular數據綁定原理
一些擴展Angular UI組件
帶你走近AngularJS - 基本功能介紹
Angularjs開發指南
Angularjs學習
angular jq mobile
angular uihttp://mgcrea.github.io/angular-strap
有jQuery背景，該如何用AngularJS編程思想
angular學習筆記
5--------ES6
exploring-es6
exploring-es6翻譯
6--------React
react.js 中文論壇
react.js 官方網址https://facebook.github.io/react/index.html
react.js 官方文檔https://facebook.github.io/react/docs/getting-started.html
react.js material UI
react.js TouchstoneJS UIhttp://touchstonejs.io
react.js amazeui UI
React 入門實例教程 - 阮一峰
React Native 中文版
Webpack 和 React 小書 - 前端亂燉
Webpack 和 React 小書 - gitbookhttps://fakefish.github.io/react-webpack-cookbook
webpack
Webpack，101入門體驗
webpack入門教程
基于webpack搭建前端工程解決方案探索
7--------移動端API
99移動端知識集合
移動端前端開發知識庫
移動前端的一些坑和解決方法（外觀表現）
【原】移動web資源整理
zepto 1.1.2
zepto 中文注釋
移動開發大雜燴
微信webview中的一些問題
http://lin-chao.github.io/2014/11/14/%E5%BE%AE%E4%BF%A1webview%E4%B8%AD%E7%9A%84%E4%B8%80%E4%BA%9B%E9%97%AE%E9%A2%98
8--------avalon
avalonjshttp://avalonjs.coding.me/
Avalon新一代UI庫： OniUI
avalon.oniui-基于avalon的組件庫
9--------Requriejs
Javascript模塊化編程（一）：模塊的寫法
Javascript模塊化編程（二）：AMD規范
Javascript模塊化編程（三）：require.js的用法
RequireJS入門（一）
RequireJS入門（二）
RequireJS進階（三）
requrie源碼學習
requrie 入門指南
requrieJS 學習筆記
requriejs 其一http://cyj.me/why-seajs/requirejs/
require backbone結合
10--------vue
Vue
Vue 入門指南
Vue 的一些資源索引
awesome-vue
11--------Seajs
seajs
seajs 中文手冊http://cyj.me/why-seajs/zh
12--------Less,sass
sass
Sass 中文文檔
less
13--------Markdown
Markdown 語法說明 (簡體中文版）
markdown入門參考
gitbook國外的在線markdown可編輯成書
mdeditor一款國內的在線markdown編輯器
stackedithttps://stackedit.io國外的在線markdown編輯器，功能強大，同步云盤
mditorhttp://bh-lay.github.io/mditor一款輕量級的markdown編輯器
lepture-editor
markdown-editor
14--------D3
d3 Tutorials
Gallery
lofter
iteye
ruanyifeng
15--------兼容性
esma 兼容列表http://kangax.github.io/compat-table/es6
W3C CSS驗證服務
caniuse
csscreator
microsoft[(v=vs.85.aspx]((v=vs.85.aspx)
在線測兼容-移動端
emulators
16--------HTTP
HTTP API 設計指南
17--------其它API
驗證api
underscore 中文手冊
underscore源碼分析
underscore源碼分析-亞里士朱德的博客http://yalishizhude.github.io/tags/underscore
underscrejs en api
lodash - underscore的代替品
ext4apihttp://extjs-doc-cn.github.io/ext4api
qwrap手冊docs/_youa/#/qw/base/loadJs.htm
緩動函數
svg 中文參考
svg mdn參考
svg 導出 canvas
svg 導出 png
localStorage 庫
18--------圖表類
Highcharts 英文API
ECharts 百度的圖表軟件
高德地圖
開源的矢量圖腳本框架
svg 地圖
19--------正則
JS正則表達式元字符
正則表達式30分鐘入門教程
MDN-正則表達式
ruanyifeng - RegExp對象
小胡子哥 - 進階正則表達式http://div.io/topic/764?page=1
is.js
正則在線測試
20--------ionic
ionic
21--------前端
通過分析github代碼庫總結出來的工程師代碼書寫習慣http://alloyteam.github.io/CodeGuide
HTML&CSS編碼規范 by @mdo
團隊合作的css命名規范-騰訊AlloyTeam前端團隊
前端編碼規范之js - by yuwenhuihttp://yuwenhui.github.io
前端編碼規范之js - by 李靖
前端開發規范手冊
Airbnb JavaScript 編碼規范（簡體中文版）
AMD與CMD規范的區別
AMD與CMD規范的區別
KISSY 源碼規范
bt編碼規范
規范加強版
前端代碼規范 及 最佳實踐
百度前端規范http://coderlmn.github.io/code-standards
百度前端規范http://isobar-idev.github.io/code-standards
百度前端規范
ECMAScript6 編碼規范--廣發證券前端團隊
JavaScript 風格指南/編碼規范（Airbnb公司版）
網易前端開發規范
css模塊
前端規范資源列表
22--------PHP
最流行的PHP 代碼規范
最流行的PHP 代碼規范
23--------Android
【敏捷開發】Android團隊開發規范
Android 開發規范與應用
24--------算法
數據結構與算法 JavaScript 描述. 章節練習
常見排序算法（JS版）
經典排序
常見排序算法-js版本
JavaScript 算法與數據結構 精華集
面試常考算法題精講
25--------JSON
模擬生成JSON數據
26--------Html5
HTML5 有哪些讓你驚艷的 demo？
27--------CSS
browserhacks
28--------焦點圖
myfocus
myfocus-官方演示站
SuperSlidev2.1 -- 大話主席
soChange
29--------Ext, EasyUI, J-UI 及其它各種UI方案
extjs
ext4英文api
ext4中文apihttp://extjs-doc-cn.github.io/ext4api
30--------J-UI
J-UI
31--------Other
MUI-最接近原生APP體驗的高性能前端框架http://dcloudio.github.io/mui
32--------Amaze UI
中國首個開源 HTML5 跨屏前端框架
淘寶 HTML5 前端框架
KISSY - 阿里前端JavaScript庫
網易Nej - Nice Easy Javascript
Kendo UI MVVM Demo
Bootstrap
33--------頁面 社會化 分享功能
百度分享端
JiaThis端
社會化分享組件移動端
ShareSDK 輕松實現社會化功能移動端
友盟分享移動端
34--------富文本編輯器
功能齊全 tinymce
百度 ueditor
經典的ckeditor
經典的kindeditor
wysiwyg
一個有情懷的編輯器。Bach's Editorhttp://integ.github.io/BachEditor
tower用的編輯器
summernote 編輯器
html5編輯器http://neilj.github.io/Squire
wangEditor
35--------PC
經典my97
強大的獨立日期選擇器
fullcalendarhttp://fullcalendar.io
fullcalendar日歷控件知識點集合
農歷日歷
日期格式化
我群某管理作品
input按位替換-官網
input按位替換-github
bootstrap-daterangepicker
國外30個插件集合
JavaScript datepicker
Datepair.jshttp://jonthornton.github.io/Datepair.js
一個風格多樣的日歷
彈出層式的全日歷http://amsul.ca/pickadate.js/date
jquery雙日歷
36--------Date library
Datejs
sugarjs
37--------綜合效果搜索平臺
效果網
17素材
常用的JavaScript代碼片段
38--------概述
前端工具大全
什么是前端工程化
39--------Gulp
Gulp官網
Gulp中文網
gulp資料收集
Gulp：任務自動管理工具 - ruanyifeng
Gulp插件
Gulp不完全入門教程
為什么使用gulp?
Gulp安裝及配合組件構建前端開發一體化
Gulp 入門指南
Gulp 入門指南 - nimojs
Gulp入門教程
http://markpop.github.io/2014/09/17/Gulp%E5%85%A5%E9%97%A8%E6%95%99%E7%A8%8B
Gulp in Action
Gulp開發教程（翻譯）
前端構建工具gulpjs的使用介紹及技巧
40--------Grunt
gruntjs
Grunt中文網
41--------Fis
fis 官網http://fex-team.github.io/fis-site/index.html
fis
42--------pc圖輪
左右按鈕多圖切換
fullpage全屏輪播
43--------移動端
滑屏效果http://www.idangero.us/swiper
全屏fullpage
單個圖片切換
單個全屏切換
單個全屏切換
滑屏效果
旋轉拖動設置
類似于swipe切換
支持多種形式的觸摸滑動
滑屏效果
大話主席pc移動圖片輪換
滑屏效果
基于zepto的fullpage
[WebApp]定寬網頁設計下，固定寬度布局開發WebApp并實現多終端下WebApp布局自適應
判斷微信客戶端的那些坑
可以通過javascript直接調用原生分享的工具
JiaThis 分享到微信代碼
聊聊移動端跨平臺開發的各種技術
前端自動化測試
多種輪換圖片http://ajccom.github.io/niceslider
滾動條組件http://ajccom.github.io/nicescroller
滑動側邊欄https://mango.github.io/slideout
fastclick
no-click-delay
44--------文件上傳
百度上傳組件
上傳https://blueimp.github.io/jQuery-File-Upload
flash 頭像上傳
圖片上傳預覽
圖片裁剪http://elemefe.github.io/image-cropper
圖片裁剪-shearphoto
jQuery圖片處理
45--------模擬select
糖餅 selecthttp://aui.github.io/popupjs/doc/selectbox.html
flexselect
雙select
select2http://select2.github.io
46--------取色插件
類似 Photoshop 的界面取色插件
jquery color
取色插件集合
farbtastic 圓環＋正方形
47--------城市聯動
jquery.cityselect.js基于jQuery+JSON的省市或自定義聯動效果
48--------剪貼板
剪貼板
不是Flash的剪貼板
49--------簡繁轉換
簡繁轉換
50--------表格 Grid
facebook表格http://facebook.github.io/fixed-data-table
類似于Excel編輯表格-handsontable
bootstrap-table插件
datatables
51--------在線演示
js 在線編輯 - runjs
js 在線編輯 - jsbin
js 在線編輯 - codepenhttp://codepen.io
js 在線編輯 - jsfiddle
java 在線編輯 - runjs
js 在線編輯 - hcharts
js 在線編輯 - jsdm
sql 在線編輯 - sqlfiddle
mozilla 在線編輯器
52--------播放器
Html5 VideoPlayer
53--------粒子動畫
Proton 煙花http://a-jie.github.io/Proton/#example
54--------Nodejs
Node.js 包教不包會
nodejs定時任務
一個nodejs博客
【NodeJS 學習筆記04】新聞發布系統
過年7天樂，學nodejs 也快樂
七天學會NodeJS
Nodejs學習筆記（二）--- 事件模塊
nodejs入門
angularjs nodejs
從零開始nodejs系列文章http://blog.fens.me/series-nodejs
理解nodejs:4bd98440-45e4-4a9a-8ef7-0f7ecbdd56cb
nodejs事件輪詢
node入門
nodejs cms
Node初學者入門，一本全面的NodeJS教程
NodeJS的代碼調試和性能調優
55--------常規優化
Javascript高性能動畫與頁面渲染
移動H5前端性能優化指南
給網頁設計師和前端開發者看的前端性能優化
復雜應用的 CSS 性能分析和優化建議
張鑫旭——前端性能
web前端性能優化進階路
前端技術：網站性能優化之CSS無圖片技術
頁面加載中的圖片性能優化
Hey——前端性能
YSLOW中文介紹
轉一篇Yahoo關于網站性能優化的文章，兼談本站要做的優化
Yahoo!團隊實踐分享：網站性能
網站性能優化指南：什么使我們的網站變慢？
網站性能優化實踐，減少加載時間，提高用戶體驗
淺談網站性能優化 前端篇
前端重構實踐之如何對網站性能優化？
前端性能優化：使用媒體查詢加載指定大小的背景圖片
網站性能系列博文
加載，不只是少一點點
分享網頁加載速度優化的一些技巧？
頁面加載中的圖片性能優化
【高性能前端1】高性能HTML
【高性能前端2】高性能CSS
由12306談談網站前端性能和后端性能優化
AlloyTeam——前端優化
毫秒必爭，前端網頁性能最佳實踐
網站性能工具Yslow的使用方法
前端工程與性能優化（上）：靜態資源版本更新與緩存
前端工程與性能優化（下）：靜態資源管理與模板框架
HTTPS連接的前幾毫秒發生了什么
Yslow
YUISlide,針對移動設備的動畫性能優化http://jayli.github.io/blog/data/2011/12/23/yuislide.html
讓網站提速的最佳前端實踐
Why Website Speed is Important
Need for Speed – How to Improve your Website Performance
阿里無線前端性能優化指南 (Pt.1 加載期優化
56--------優化工具
JavaScript 性能分析新工具 OneProfile
JavaScript 堆內存分析新工具 OneHeap
57--------在線工具
阿里-免費測試服務
阿里-F2etest多瀏覽器兼容性測試解決方案
js性能測試
58--------前端架構
技術架構
前端架構http://saito.im/note/The-Architecture-of-F2E
如何成為前端架構師
關于前端架構-張克軍
百度騰訊offer比較（騰訊游戲VS百度基礎架構）
59--------推薦作品
fgmhttp://www.fgm.cc/learn
岑安作品集
當耐特demo集合http://kmdjs.github.io
米空格 js作品
SeaJS組件庫http://panxuepeng.github.io/seajslib
顏海鏡作品
腳兒網作品
javascript個人作品
妙味的雷東升游戲作品
javascript作品集
云五筆，灰度產生生成工具
項目主頁http://koen301.github.io
個性的作品主頁
智能社
實例陳列架
jyg 游戲案例
很多jquery插件
不羈蟲 - soJs 作品系列
frozenuihttp://frozenui.github.io/case.html
黑白棋http://js-game.github.io/othello
fromonehttp://yansm.github.io/fromone/index.html
60--------國外大牛精品
pazguillehttp://pazguille.me
61--------簡歷模板
不錯的個人簡歷http://learnshare.github.io/about/index.html
簡歷http://hcy2367.github.io/resume
簡歷
翁天信
動畫方式的簡歷
組件豐富簡歷
haorooms博客
Justin Young
62--------面試題
那幾個月在找工作（百度，網易游戲）
2014最新面試題
2016校招內推 -- 阿里巴巴前端 -- 三面面試經歷
年后跳槽那點事：樂視+金山+360面試之行
拉勾網js面試題
前端面試
前端開發面試題
2014最新前端面試題
百度面試
前端開發面試題
5個經典的前端面試問題
如何面試一名前端開發工程師？
前端實習生面試總結
史上最全 前端開發面試問題及答案整理
BAT及各大互聯網公司2014前端筆試面試題：JavaScript篇
前端開發面試題大收集
收集的前端面試題和答案
如何面試前端工程師
前端開發面試題
?？途W-筆試面經
63--------iconfont
中文字體
淘寶字庫
字體
制作教程
zhangxinxu-icommon
icommonhttps://icomoon.io/app
用字體在網頁中畫ICON圖標(推薦教程
字體壓縮工具
64--------前端開發工具
IntelliJ IDEA 簡體中文專題教程
SublimeText
Atomhttps://atom.io
visual studio code
65--------Fiddler
Fiddler調試使用知多少(一)深入研究
微信fiddle
微信fiddle
66--------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 profiles3
chrome的調試
查看事件綁定
神器——Chrome開發者工具
奇趣百科性能優化(Chrome DevTools 中的 Timeline Profils 等工具使用介紹
https://xinranliu.me/2015-05-22-qiqu-performance
chrome 開發者工具的 15 個小技巧
Chrome開發者工具不完全指南http://1ke.co/course/361
Chrome 開發者工具使用技巧
67--------Firebug
firebug視頻教程
firefox 模擬器
Firebug入門指南
Firebug控制臺詳解
68--------移動,微信調試
瀏覽器端調試安卓https://openstf.github.io
移動端前端開發調試
mac移動端調試
mac移動端調試
無線調試攻略http://thx.github.io/mobile/debugging-in-mobile
無線調試攻略
屌爆了,完美調試 微信webview(x5
微信調試的那些事
遠程console
微信調試工具http://blog.qqbrowser.cc
各種真機遠程調試方法匯總
69--------iOS Simulator
Simulator
Xcode中的iOS模擬器(iOS Simulator的介紹和使用心得
70--------img
loading img
智圖-圖片優化平臺http://zhitu.isux.us
在線png優化
71--------生成二維碼
生成二維碼http://cli.im
72--------瀏覽器同步
puer
liveReload
f5
File Watchers
73--------在線PPT制作
nodePPThttp://js8.in/2013/11/16/%E6%8E%A8%E8%8D%90nodeppt%EF%BC%9A%E4%BD%BF%E7%94%A8markdown%E8%AF%AD%E6%B3%95%E6%9D%A5%E5%86%99%E7%BD%91%E9%A1%B5ppt
PPT
reveal
slippy
74--------前端導航網站
前端導航
前端網址導航
前端名錄
前端導航http://123.jser.us
前端開發資源
前端開發倉庫 - 眾多效果的收集地
前端資源導航
F2E 前端導航http://f2e.im/static/pages/nav/index.html
75--------常用CDN
新浪CDN
百度靜態資源公共庫
360網站衛士常用前端公共庫CDN服務
Bootstrap中文網開源項目免費 CDN 服務
開放靜態文件 CDN - 七牛
CDN加速 - jq22
jQuery CDN
微軟CDN
76--------Git
git-scm
廖雪峰-Git教程
git-for-windowshttps://git-for-windows.github.io
GitHub 添加 SSH keyshttp://daemon369.github.io/git/2015/03/10/add-ssh-keys-for-github
gogithub
git常規命令練習http://pcottle.github.io/learnGitBranching
git的資料整理
我所記錄的git命令（非常實用）
企業開發git工作流模式探索部分休整
GitHub 漫游指南
GitHub秘籍
使用git和github進行協同開發流程
77--------優秀JavaScript項目
Angular和Webpack種子文件
Fis3面向前端的工程構建系統
Fis3 DEMO
前端JQuery系列:源碼剖析
avalon框架
Microsoft ChakraCore 微軟的Chakra引擎
Quintus HTML游戲引擎
一個用node.js搭建的有趣博客
Web前端助手--FeHelper（Chrome擴展）
百度前端技術學院
Cheerio（node.js中的jQuery）
nodejs的一個聊天軟件 類似微信
使用html5和node.js構建的網易云音樂
babel ES6轉換為ES5
一個JS富文本編輯器
一個JS腦圖可視化工具
一個JS寫的Flappy Bird Game
一個JS寫的GBA模擬器
SegmentFault寫的Markdown解析器
基于node.js的Ghost博客
學習react的demos
以上就是匯總前端網站資源的詳細內容，更多請關注風君子博客其它相關文章！
總結
- 上一篇： python调用random失败_pyt
- 下一篇： 腾讯 QQ Linux 版 3.1.1