汇总前端网站资源
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
