綜合類地址
前端知識(shí)體系https://www.cnblogs.com/sb19871023/p/3894452.html
前端知識(shí)結(jié)構(gòu)https://github.com/JacksonTian/fks
前端知識(shí)體系https://www.cnblogs.com/sb19871023/p/3894452.html
Web前端在線開發(fā)網(wǎng)站https://www.hubwiz.com/course/?type=web
Web前端開發(fā)大系概覽-中文版https://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html
免費(fèi)的編程中文書籍索引https://github.com/justjavac/free-programming-books-zh_CN
前端書籍https://github.com/dypsilon/frontend-dev-bookmarks
前端免費(fèi)書籍大全https://github.com/vhf/free-programming-books
前端知識(shí)體系https://www.cnblogs.com/sb19871023/p/3894452.html
免費(fèi)的編程中文書籍索引https://github.com/justjavac/free-programming-books-zh_CN
智能社-精通Java開發(fā)https://study.163.com/course/introduction/224014.htm
重新介紹java(js教程)https://developer.mozilla.org/zh-CN/docs/Web/Java/A_re-introduction_to_Java
麻省理工學(xué)院公開課:計(jì)算機(jī)科學(xué)及編程導(dǎo)論https://v.163.com/special/opencourse/bianchengdaolun.html
Java中的this陷阱的最全收集—沒有之一https://segmentfault.com/a/1190000002640298
JS函數(shù)式編程指南https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html
JavaPromise迷什么是mdn號(hào)碼你書(中文版)https://liubin.github.io/promises-book
騰訊移動(dòng)Web前端知識(shí)庫https://github.com/AlloyTeam/Mars
Front-End-Develop-Guide前端開發(fā)指南https://github.com/Front-End-Developers-Hunan/Front-End-Develop-Guide
前端開發(fā)筆記本https://li-xinyang.gitbooks.io/frontend-notebook/content
大前端工具集-聶微東https://github.com/nieweidong/fetool
前端開發(fā)者手冊(cè)https://dwqs.gitbooks.io/frontenddevhandbook/content
入門類
入門類地址
前端入門教程https://www.cnblogs.com/jikey/p/3613082.html
瘳雪峰的Java教程https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000
在線入門開發(fā)教程https://www.hubwiz.com/course/?type="入門"
jQuery基礎(chǔ)教程https://www.imooc.com/view/11
前端工程師必備的PS技能——切圖篇https://www.imooc.com/view/506
結(jié)合個(gè)人經(jīng)歷總結(jié)的前端入門方法https://github.com/qiu-deqing/FE-learning
工具類
工具類地址
前端人的俱樂部https://f2er.club/真可以解放你的收藏夾
如何優(yōu)雅地使用SublimeTexthttps://www.jeffjade.com/2015/12/15/2015-04-17-toss-sublime-text/#
新編碼神器Atom使用紀(jì)要https://www.jeffjade.com/2016/03/03/2016-03-02-how-to-use-atom/
csssprite雪碧圖制作https://www.imooc.com/learn/93
版本控制入門–搬進(jìn)Githubhttps://www.imooc.com/learn/390
Grunt-beginner前端自動(dòng)化工具h(yuǎn)ttps://www.imooc.com/learn/30
IntelliJIDEA簡(jiǎn)體中文專題教程https://github.com/judasn/IntelliJ-IDEA-Tutorial
Webstorm,InterllIdea,Phpstormhttps://t.cn/8kZZ1Uy
SublimeTexthttps://github.com/jikeytang/sublime-text
Atomhttps://atom.io
visualstudiocodehttps://code.visualstudio.com
綜合效果搜索平臺(tái)
綜合效果搜索平臺(tái)地址
zoommyapp.comhttps://zoommyapp.com/高質(zhì)量圖庫
unsplash.comhttps://unsplash.com/高質(zhì)量圖庫
www.pinterest.comhttps://www.pinterest.com/圖庫
NewOldStockhttps://nos.twnsnd.co復(fù)古風(fēng)圖庫
效果網(wǎng)https://www.jq22.com
花瓣網(wǎng)https://huaban.com/
優(yōu)美圖https://www.topit.me/
codepenhttps://codepen.io/
17素材https://www.17sucai.com
攝圖網(wǎng)https://699pic.com/
常用的Java代碼片段https://microjs.com
周報(bào)類
周報(bào)類地址
奇舞周刊https://old.75team.com/weekly/
碼農(nóng)周刊https://weekly.manong.io
WEB前端開發(fā)https://www.css88.com
AJStipperday!https://www.jstips.co
平安科技移動(dòng)開發(fā)二隊(duì)技術(shù)周報(bào)https://github.com/PaicHyperionDev/MobileDevWeekly
開發(fā)中心
開發(fā)中心地址
mozillajs參考https://developer.mozilla.org/zh-CN/docs/Web/Java
https://developer.chrome.com/extensions/api_index.html
safari開發(fā)中心https://developer.apple.com/library/safari/navigation
microsoftjs
參考https://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94.aspx
js秘密花園https://sanshi.me/articles/Java-Garden-CN/html/index.html
js秘密花園https://bonsaiden.github.io/Java-Garden/zh
w3helphttps://www.w3help.org綜合Bug集合網(wǎng)站
Nodejs
Nodejs地址
nodejs篇幅比較巨大https://liuqing.pw
nodejs開發(fā)大全https://www.hubwiz.com/course/?type=nodes
Node.js包教不包會(huì)https://github.com/alsotang/node-lessons
篇幅比較少https://www.rainweb.cn/article/category/Nodejs
nodeexpress入門教程https://www.w3cfuns.com/article-5598538-1-1.html
nodejs定時(shí)任務(wù)https://my.oschina.net/u/568264/blog/193773
一個(gè)nodejs博客https://60sky.com
【NodeJS學(xué)習(xí)筆記04】新聞發(fā)布系統(tǒng)https://www.cnblogs.com/yexiaochai/p/3536547.html
過年7天樂,學(xué)nodejs也快樂https://www.cnblogs.com/qqloving/p/3541099.html
七天學(xué)會(huì)NodeJShttps://github.com/nqdeng/7-days-nodejs
Nodejs學(xué)習(xí)筆記(二)—-事件模塊https://www.cnblogs.com/zhongweiv/p/nodejs_events.html
nodejs入門https://www.cnblogs.com/liusuqi/p/3735491.html
AngularJSnodejshttps://github.com/zensh/jsgen
從零開始nodejs系列文章https://blog.fens.me/series-nodejs
理解nodejshttps://debuggable.com/posts/understanding-node-js:4bd98440-45e4-4a9a-8ef7-0f7ecbdd56cb
nodejs事件輪詢https://blog.mixu.net/2011/02/01/understanding-the-node-js-event-loop
node入門https://www.nodebeginner.org/index-zh-cn.html
nodejscmshttps://ourjs.com/detail/53e1f281c5910a9806000001
Node初學(xué)者入門,一本全面的NodeJS教程https://ourjs.com/detail/529ca5950cb6498814000005
NodeJS的代碼調(diào)試和性能調(diào)優(yōu)https://www.barretlee.com/blog/2015/10/07/debug-nodejs-in-command-line
綜合API
綜合API地址
javainghttps://www.javaing.com
各種流行庫搜索https://microjs.com
runoob.com-包含各種API集合https://www.runoob.com
開源中國(guó)在線API文檔合集https://tool.oschina.net/apidocs
devdocshttps://devdocs.io英文綜合API網(wǎng)站
Ecma
Ecma地址
UnderstandingECMA6-NicholasC.Zakashttps://leanpub.com/understandinges6/read
exploring-es6https://leanpub.com/exploring-es6/read
ECMA6入門https://www.hubwiz.com/course/?type=Java
exploring-es6翻譯后預(yù)覽https://es6-org.github.io/exploring-es6
阮一峰e(cuò)s6https://es6.ruanyifeng.com
阮一峰Javahttps://java.ruanyifeng.com
ECMA-262,第5版https://yanhaijing.com/es5
es5https://es5.github.io
Jstemplate
Jstemplate地址
template-chooserhttps://garann.github.io/template-chooser
artTemplatehttps://github.com/aui/artTemplate
tomdjshttps://github.com/aui/tmodjs/blob/master/README.md
淘寶模板juicer模板https://juicer.name/docs/docs_zh_cn.html
Fxtplv1.0繁星前端模板引擎https://koen301.github.io/fxtpl
laytplhttps://laytpl.layui.com
mozilla-nunjuckshttps://github.com/mozilla/nunjucks
Juicerhttps://github.com/PaulGuo/Juicer
dustjshttps://akdubya.github.io/dustjs
etplhttps://ecomfe.github.io/etpl
CSS
CSS地址
CSS語法參考https://tympanus.net/codrops/css_reference
CSS3動(dòng)畫手冊(cè)https://isux.tencent.com/css3/index.html
騰訊css3動(dòng)畫制作工具h(yuǎn)ttps://isux.tencent.com/css3/tools.html
志爺css小工具集合https://linxz.github.io/tianyizone
css3js移動(dòng)大雜燴https://www.note12.com/category/blog/2014-6-5/538fe0a9f786f1b7019a4dfb
bouncejs觸摸庫https://bouncejs.com
css3按鈕動(dòng)畫https://fian.my.id/Waves
animate.csshttps://daneden.github.io/animate.css
全局CSS的終結(jié)(狗帶[譯]https://www.alloyteam.com/2015/10/8536
browserhackshttps://browserhacks.com
angularjs
Angularjs地址
Angular.js的一些學(xué)習(xí)資源https://github.com/dolymood/AngularLearning
angularjs中文社區(qū)https://angularjs.cn
Angularjs2在線學(xué)習(xí)https://www.hubwiz.com/course/?type=AngularJS
Angularjs源碼學(xué)習(xí)https://www.ifeenan.com/?c=AngularJS
angular對(duì)bootstrap的封裝https://angular-ui.github.io/bootstrap
angularjs+nodejshttps://cnodejs.org/topic/51404e0f069911196d2e3923
呂大豹Angularjshttps://www.cnblogs.com/lvdabao/tag/AngularJs
AngularJS最佳實(shí)踐https://www.infoq.com/cn/news/2013/02/angular-web-app
Angular的一些擴(kuò)展指令https://www.lovelucy.info/angularjs-best-practices.html
Angular數(shù)據(jù)綁定原理https://github.com/Pasvaz/bindonce
一些擴(kuò)展AngularUI組件https://github.com/angular-ui
Ember和AngularJS的性能測(cè)試https://voidcanvas.com/emberjs-vs-angularjs-performance-testing
帶你走近AngularJS-基本功能介紹https://www.cnblogs.com/powertoolsteam/p/angularjs-introdection.html
Angularjs開發(fā)指南https://angular.duapp.com/docs/guide
Angularjs學(xué)習(xí)https://www.cnblogs.com/amosli/p/3710648.html
不要帶著jquery的思維去學(xué)習(xí)AngularJShttps://www.rainweb.cn/article/angularjs-jquery.html
angularjs學(xué)習(xí)筆記https://wangjiatao.diandian.com/?tag=angularjs
angularjs開發(fā)指南https://www.angularjs.cn/T008
angularjs英文資料https://github.com/jmcunningham/AngularJS-Learning
angularbootstraphttps://angular-ui.github.io/bootstrap
angularjqmobilehttps://github.com/opitzconsulting/jquery-mobile-angular-adapter
angularuihttps://mgcrea.github.io/angular-strap
整合jQueryMobile+AngularJS經(jīng)驗(yàn)談https://www.tuicool.com/articles/7ZZVr2
有jQuery背景,該如何用AngularJS編程思想https://blog.jobbole.com/46589/
AngularJS在線教程https://each.sinaapp.com/angular
angular學(xué)習(xí)筆記https://www.zouyesheng.com/angular.html
React
react地址
react.js中文論壇https://www.react-china.org
react.js官方網(wǎng)址https://facebook.github.io/react/index.html
react.js官方文檔https://facebook.github.io/react/docs/getting-started.html
react.jsmaterialUIhttps://material-ui.com/#
react.jsTouchstoneJSUIhttps://touchstonejs.io
react.jsamazeuiUIhttps://amazeui.org/react
React入門實(shí)例教程-阮一峰https://www.ruanyifeng.com/blog/2015/03/react.html
ReactNative中文版https://wiki.jikexueyuan.com/project/react-native
Webpack和React小書-前端亂燉https://www.html-js.com/article/Fakefish%203053
Webpack和React小書-gitbookhttps://fakefish.github.io/react-webpack-cookbook
webpackhttps://github.com/webpack/webpack
Webpack,101入門體驗(yàn)https://html-js.com/article/3009
webpack入門教程https://html-js.com/article/3113
基于webpack搭建前端工程解決方案探索https://segmentfault.com/a/1190000003499526
React原創(chuàng)實(shí)戰(zhàn)視頻教程https://www.piliyu.com
vue
vue地址
Vuehttps://cn.vuejs.org
Vue論壇https://forum.vuejs.org
Vue入門指南https://www.hubwiz.com/course/?type=Vue.js
Vue的一些資源索引https://segmentfault.com/a/1190000000411057
awesome-vuehttps://github.com/vuejs/awesome-vue
移動(dòng)端API
移動(dòng)端API地址
99移動(dòng)端知識(shí)集合https://github.com/jtyjty99999/mobileTech
移動(dòng)端前端開發(fā)知識(shí)庫https://github.com/AlloyTeam/Mars
移動(dòng)前端的一些坑和解決方法(外觀表現(xiàn))https://caibaojian.com/mobile-web-bug.html
【原】移動(dòng)web資源整理https://www.cnblogs.com/PeunZhang/p/3407453.html
zepto1.0中文手冊(cè)https://mweb.baidu.com/zeptoapi
zepto1.0中文手冊(cè)https://www.html-5.cn/Manual/Zepto
zepto1.1.2https://www.css88.com/doc/zeptojs_api
zepto中文注釋https://www.cnblogs.com/sky000/archive/2013/03/29/2988952.html
jqmobile手冊(cè)https://app-framework-software.intel.com/api.php
移動(dòng)瀏覽器開發(fā)集合https://github.com/maxzhang/maxzhang.github.com/issues
移動(dòng)開發(fā)大雜燴https://github.com/hoosin/mobile-web-favorites
jQuery
jQuery地址
jQueryAPI中文文檔https://www.jquery123.com
hemin在線版https://hemin.cn/jq
css88jqapihttps://www.css88.com/jqapi-1.9/on
css88jquiapihttps://www.css88.com/jquery-ui-api
學(xué)習(xí)jqueryhttps://learn.jquery.com
jquery源碼查找https://james.padolsey.com/jquery
D3
D3地址
d3Tutorialshttps://github.com/mbostock/d3/wiki/Tutorials
Galleryhttps://github.com/mbostock/d3/wiki/Gallery
lofterhttps://datavisual.lofter.com/post/40cf3a_188e535
iteyehttps://alanland.iteye.com/blog/1878595
ruanyifenghttps://java.ruanyifeng.com/library/d3.html
Requriejs
Requriejs地址
Java模塊化編程(一):模塊的寫法https://www.ruanyifeng.com/blog/2012/10/java_module.html
Java模塊化編程(二):AMD規(guī)范https://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html
Java模塊化編程(三):require.js的用法https://www.ruanyifeng.com/blog/2012/11/require_js.html
RequireJS入門(一)https://www.cnblogs.com/snandy/archive/2012/05/22/2513652.html
RequireJS入門(二)https://www.cnblogs.com/snandy/archive/2012/05/23/2513712.html
RequireJS進(jìn)階(三)https://www.cnblogs.com/snandy/archive/2012/06/08/2538001.html
requrie源碼學(xué)習(xí)https://www.cnblogs.com/yexiaochai/p/3632580.html
requrie入門指南https://www.oschina.net/translate/getting-started-with-the-requirejs-library
requrieJS學(xué)習(xí)筆記https://www.cnblogs.com/yexiaochai/p/3214926.html
requriejs其一https://cyj.me/why-seajs/requirejs/
requirebackbone結(jié)合https://www.cnblogs.com/yexiaochai/p/3221081.html
Seajs
Seajs地址
seajshttps://seajs.org
seajs中文手冊(cè)https://cyj.me/why-seajs/zh
Less,sass
Less,sass地址
sasshttps://www.w3cplus.com/sassguide
sass教程-sass中國(guó)https://www.sass.hk
Sass中文文檔https://sass.bootcss.com
lesshttps://less.bootcss.com
Markdown
Markdown地址
Markdown語法說明(簡(jiǎn)體中文版https://wowubuntu.com/markdown
markdown入門參考https://github.com/LearnShare/Learning-Markdown/blob/master/README.md
gitbookhttps://www.gitbook.com國(guó)外的在線markdown可編輯成書
mdeditorhttps://www.zybuluo.com/mdeditor一款國(guó)內(nèi)的在線markdown編輯器
stackedithttps://stackedit.io國(guó)外的在線markdown編輯器,功能強(qiáng)大,同步云盤
mditorhttps://bh-lay.github.io/mditor一款輕量級(jí)的markdown編輯器
lepture-editorhttps://github.com/lepture/editor
markdown-editorhttps://github.com/jbt/markdown-editor
作業(yè)部落https://www.zybuluo.com功能強(qiáng)大,速度流暢,全平臺(tái)同步
兼容性
兼容性地址
esma兼容列表https://kangax.github.io/compat-table/es6
W3CCSS驗(yàn)證服務(wù)https://jigsaw.w3.org/css-validator/validator.html.zh-cn
caniusehttps://caniuse.com/#index
csscreatorhttps://csscreator.com/properties
microsofthttps://msdn.microsoft.com/zh-cn/library/cc351024(v=vs.85.aspx
在線測(cè)兼容-移動(dòng)端https://www.responsinator.com
emulatorshttps://www.manymo.com/emulators
UI相關(guān)
UI相關(guān)地址
bootcsshttps://v3.bootcss.com
MetroUICSShttps://www.w3cplus.com/MetroUICSS
semantichttps://semantic-ui.com
Buttonshttps://alexwolfe.github.io/Buttons
kitecsshttps://hiloki.github.io/kitecss
pintuerhttps://www.pintuer.com
amazeuihttps://amazeui.org
worldhellohttps://www.worldhello.net/gotgithub/index.html
linuxtoyhttps://igit.linuxtoy.org/contents.html
gitmagichttps://www-cs-students.stanford.edu/~blynn/gitmagic/intl/zh_cn
rogerdudlerhttps://rogerdudler.github.io/git-guide/index.zh.html
gitrefhttps://gitref.justjavac.com
bookhttps://git-scm.com/book/zh
gogojimmyhttps://gogojimmy.net/2012/01/17/how-to-use-git-1-git-basic
其它API
其它API地址
HTTPAPI設(shè)計(jì)指南https://segmentfault.com/bookmark/1230000002521721
java流行庫匯總javaoo
驗(yàn)證apihttps://niceue.com/validator/demo/index.php
underscore中文手冊(cè)https://www.css88.com/doc/underscore
underscore源碼分析https://www.html-js.com/article/Underscorejs-source-code-analysis-of-underscorejs-source-code-analysis%203031
underscore源碼分析-亞里士朱德的博客https://yalishizhude.github.io/tags/underscore
underscrejsenapihttps://underscorejs.org
lodash-underscore的代替品https://lodash.com
ext4apihttps://extjs-doc-cn.github.io/ext4api
backbone中文手冊(cè)https://www.csser.com/tools/backbone/backbone.js.html
qwrap手冊(cè)https://dev.qwrap.com/resource/js/_docs/_youa/#/qw/base/loadJs_.htm
緩動(dòng)函數(shù)https://easings.net/zh-cn
svg中文參考https://www.w3school.com.cn/svg/svg_reference.asp
svgmdn參考https://developer.mozilla.org/en-US/docs/Web/SVG
svg導(dǎo)出canvashttps://github.com/gabelerner/canvg
svg導(dǎo)出pnghttps://github.com/exupero/saveSvgAsPng
ai-to-svghttps://www.zamzar.com/convert/ai-to-svg
localStorage庫https://github.com/machao/localStorage
圖表類
圖表類地址
Highcharts中文APIhttps://www.hcharts.cn/api/index.php
Highcharts英文APIhttps://api.highcharts.com/highcharts
ECharts百度的圖表軟件https://echarts.baidu.com/
高德地圖https://lbs.amap.com/api
開源的矢量圖腳本框架https://paperjs.org
svg地圖https://jvectormap.com
正則
正則地址
JS正則表達(dá)式元字符https://segmentfault.com/a/1190000002471140
正則表達(dá)式30分鐘入門教程https://deerchao.net/tutorials/regex/regex.htm
MDN-正則表達(dá)式https://developer.mozilla.org/zh-CN/docs/Web/Java/Guide/Regular_Expressions
ruanyifeng-RegExp對(duì)象https://java.ruanyifeng.com/stdlib/regexp.html
小胡子哥-進(jìn)階正則表達(dá)式https://div.io/topic/764?page=1
is.jshttps://github.com/Cedriking/is.js/blob/master/is.js
正則在線測(cè)試https://regexper.com
前端
前端地址
通過分析github代碼庫總結(jié)出來的工程師代碼書寫習(xí)慣https://alloyteam.github.io/CodeGuide
HTML&CSS編碼規(guī)范by@mdohttps://codeguide.bootcss.com
團(tuán)隊(duì)合作的css命名規(guī)范-騰訊AlloyTeam前端團(tuán)隊(duì)https://www.alloyteam.com/2011/10/css-on-team-naming/
前端編碼規(guī)范之js-byyuwenhuihttps://yuwenhui.github.io
前端編碼規(guī)范之js-by李靖https://www.cnblogs.com/hustskyking/p/java-spec.html
前端開發(fā)規(guī)范手冊(cè)https://zhibimo.com/read/Ashu/front-end-style-guide
AirbnbJava編碼規(guī)范(簡(jiǎn)體中文版)https://github.com/yuche/java#table-of-contents
AMD與CMD規(guī)范的區(qū)別https://www.zhihu.com/question/20351507
AMD與CMD規(guī)范的區(qū)別https://www.cnblogs.com/tugenhua0707/p/3507957.html
KISSY源碼規(guī)范https://docs.kissyui.com/1.4/docs/html/tutorials/style-guide/kissy-source-style.html
bt編碼規(guī)范https://codeguide.bootcss.com
規(guī)范加強(qiáng)版https://github.com/Suxiaogang/Code_Guide
前端代碼規(guī)范及最佳實(shí)踐https://blog.jobbole.com/79075
百度前端規(guī)范https://coderlmn.github.io/code-standards
百度前端規(guī)范https://isobar-idev.github.io/code-standards
百度前端規(guī)范https://zhuanlan.zhihu.com/fuyun/19884834
ECMA6編碼規(guī)范—廣發(fā)證券前端團(tuán)隊(duì)https://github.com/gf-rd/es6-coding-style
Java風(fēng)格指南/編碼規(guī)范(Airbnb公司版)https://blog.jobbole.com/79484
網(wǎng)易前端開發(fā)規(guī)范https://nec.netease.com/standard
css模塊https://www.75team.com/archives/1049
前端規(guī)范資源列表https://github.com/ecomfe/spec
PHP
php地址
最流行的PHP代碼規(guī)范https://segmentfault.com/a/1190000000443795
最流行的PHP代碼規(guī)范https://github.com/hfcorriez/fig-standards/blob/zh_CN/%E6%8E%A5%E5%8F%97/PSR-2-coding-style-guide.md
各大公司開源項(xiàng)目
各大公司開源項(xiàng)目地址
FacebookProjectshttps://code.facebook.com/projects/web
百度web前端研發(fā)部https://fex.baidu.com
百度EFEhttps://efe.baidu.com
百度githubhttps://github.com/fex-team
alloyteamhttps://www.alloyteam.com
alloyteam-githubhttps://alloyteam.github.io
alloyteam-AlloyGameEnginehttps://github.com/AlloyTeam/AlloyGameEngine
AlloyDesignerhttps://alloyteam.github.io/AlloyDesigner即時(shí)修改,即時(shí)保存,設(shè)計(jì)稿較正,其它開發(fā)輔助工具
H5交互頁編輯器AEditor介紹https://www.alloyteam.com/2015/06/h5-jiao-hu-ye-bian-ji-qi-aeditor-jie-shaoH5動(dòng)畫交互頁開發(fā)的工具介紹
AEditorhttps://aeditor.alloyteam.comH5動(dòng)畫交互頁開發(fā)的工具
makahttps://forum.maka.im/wordpress
值得訂閱的weeklyhttps://github.com/fenbility/weekly-feed
騰訊HTML5https://cube.qq.com
奇舞團(tuán)開源項(xiàng)目https://75team.github.io
QunarUEDhttps://ued.qunar.com
Scrathttps://scrat.io
常用
常用地址
ieBetter.js-讓IE6-IE8擁有IE9+,Chrome等瀏覽器特性https://www.zhangxinxu.com/wordpress/2013/12/iebetter-js-make-ie6-ie8-like-modern-browser-ie9-chrome
模擬鍵盤https://mottie.github.io/Keyboard
拼音https://github.com/hotoo/pinyin
中國(guó)個(gè)人身份證號(hào)驗(yàn)證https://github.com/mc-zone/IDValidator
算法
算法地址
數(shù)據(jù)結(jié)構(gòu)與算法Java描述.章節(jié)練習(xí)https://github.com/Ralph-Wang/algorithm.in.js
常見排序算法(JS版)https://github.com/twobin/twobinSort
經(jīng)典排序https://github.com/luofei2011/jsAgm/blob/master/js/sort.js
常見排序算法-js版本https://github.com/hechangmin/jssort
Java算法與數(shù)據(jù)結(jié)構(gòu)精華集https://github.com/lightningtgc/Java-Algorithms
面試??妓惴}精講https://www.nowcoder.com/live/courses
移動(dòng)端
移動(dòng)端地址
fastclickhttps://github.com/ftlabs/fastclick
no-click-delayhttps://github.com/mmastrac/jquery-noclickdelay
【敏捷開發(fā)】Android團(tuán)隊(duì)開發(fā)規(guī)范https://www.cnblogs.com/lcw/p/3619181.html
android開發(fā)規(guī)范與應(yīng)用https://www.jianshu.com/p/4390f4fe19b3
ionichttps://github.com/ychow/ionic-guide
JSON
JSON地址
模擬生成JSON數(shù)據(jù)https://beta.json-generator.com
返回跨域JSONAPIhttps://jsonp.afeld.me
焦點(diǎn)圖
焦點(diǎn)圖地址
myfocushttps://github.com/koen301/myfocus
myfocus-官方演示站https://www.chhua.com/myfocus
SuperSlidev2.1—大話主席https://www.superslide2.com
soChangehttps://www.bujichong.com/sojs/soChange/index.html
Ext,EasyUI,J-UI及其它各種UI方案
Ext,EasyUI,J-UI及其它各種UI方案地址
extjshttps://www.sencha.com/products/extjs
ext4英文apihttps://docs.sencha.com/extjs/4.0.7
ext4中文apihttps://extjs-doc-cn.github.io/ext4api
jqueryeasyui未壓縮源代碼https://jquery-easyui.googlecode.com/svn/trunk/src
J-UIhttps://jui.org
MUI-最接近原生APP體驗(yàn)的高性能前端框架https://dcloudio.github.io/mui
AmazeUI中國(guó)首個(gè)開源html5跨屏前端框架https://amazeui.org
淘寶Html5前端框架https://m.sui.taobao.org
KISSY-阿里前端Java庫https://docs.kissyui.com
網(wǎng)易Nej-NiceEasyJavahttps://nej.netease.com
KendoUIMVVMDemohttps://demos.telerik.com/kendo-ui/mvvm/index
Bootstraphttps://www.bootcss.com
SmartUIhttps://smartui.chinamzz.com
雅虎UI-CSSUIhttps://developer.yahoo.com/yui/grids
頁面社會(huì)化分享功能
頁面社會(huì)化分享功能地址
百度分享https://share.baidu.compc端
JiaThishttps://jiathis.compc端
社會(huì)化分享組件https://developer.baidu.com/soc/share移動(dòng)端
ShareSDK輕松實(shí)現(xiàn)社會(huì)化功能https://www.mob.com/#/index移動(dòng)端
友盟分享https://dev.umeng.com/social/android/quick-integration移動(dòng)端
富文本編輯器
富文本編輯器地址
功能齊全tinymcehttps://www.tinymce.com
百度ueditorhttps://ueditor.baidu.com/website
經(jīng)典的ckeditorhttps://ckeditor.com
經(jīng)典的kindeditorhttps://kindeditor.net
wysiwyghttps://www.bootcss.com/p/bootstrap-wysiwyg
一個(gè)有情懷的編輯器。Bach’sEditorhttps://integ.github.io/BachEditor
tower用的編輯器https://github.com/mycolorway/simditor
summernote編輯器https://github.com/summernote/summernote
html5編輯器https://neilj.github.io/Squire
XEditorhttps://lab.hustlzp.com/XEditor
wangEditorhttps://github.com/wangfupeng1988/wangEditor
前端概述
前端概述地址
前端工具大全https://www.awesomes.cn
什么是前端工程化https://github.com/fouber/blog/issues/10?from=timeline&isappinstalled=0#
Gulp
Gulp地址
Gulp官網(wǎng)https://gulpjs.com
Gulp中文網(wǎng)https://www.gulpjs.com.cn
gulp資料收集https://github.com/Platform-CUF/use-gulp
Gulp:任務(wù)自動(dòng)管理工具-ruanyifenghttps://java.ruanyifeng.com/tool/gulp.html
Gulp插件https://gulpjs.com/plugins
Gulp探究折騰之路(I)https://www.jeffjade.com/2015/11/25/2015-11-25-toss-gulp/
Gulp折騰之路(II)https://www.jeffjade.com/2016/01/19/2016-01-19-toss-gulp/
Gulp不完全入門教程https://www.ido321.com/1622.html
為什么使用gulp?https://github.com/hjzheng/CUF_meeting_knowledge_share/issues/33
Gulp安裝及配合組件構(gòu)建前端開發(fā)一體化https://www.dbpoo.com/getting-started-with-gulp
Gulp入門指南https://github.com/nimojs/gulp-book
Gulp入門指南-nimojshttps://github.com/nimojs/blog/issues/19
GulpinActionhttps://www.imooc.com/video/5692
Gulp開發(fā)教程(翻譯)https://www.w3ctech.com/topic/134
前端構(gòu)建工具gulpjs的使用介紹及技巧https://www.cnblogs.com/2050/p/4198792.html
Grunt
Grunt地址
gruntjshttps://gruntjs.com
Grunt中文網(wǎng)https://www.gruntjs.net
Fis
Fis地址
fis官網(wǎng)https://fex-team.github.io/fis-site/index.html
fishttps://fis.baidu.com
pc圖輪
pc圖輪地址
單屏輪播sochangehttps://www.jsfoot.com/jquery/demo/2011-09-20/192.html
左右按鈕多圖切換https://bxslider.com/examples/carousel-demystified
fullpage全屏輪播https://github.com/alvarotrigo/fullPage.js
移動(dòng)端圖輪
移動(dòng)端圖輪地址
無縫切換https://www.swipejs.com
滑屏效果https://www.idangero.us/swiper
全屏fullpagehttps://github.com/peunzhang/fullpage
單個(gè)圖片切換https://github.com/qiqiboy/touchslider
單個(gè)全屏切換https://github.com/peunzhang/slip.js
百度的切換庫https://touch.code.baidu.com/examples.html?qq-pf-to=pcqq.group
單個(gè)全屏切換https://github.com/peunzhang/iSlider
滑屏效果https://github.com/saw/touch-interfaces
旋轉(zhuǎn)拖動(dòng)設(shè)置https://baijs.com/tinycircleslider
類似于swipe切換https://touchslider.com
支持多種形式的觸摸滑動(dòng)https://www.swiper.com.cn/demo/index.html
滑屏效果https://github.com/joker-ye/main/blob/master/wap/index.html
大話主席pc移動(dòng)圖片輪換https://www.superslide2.com
滑屏效果https://github.com/hahnzhu/parallax.js
基于zepto的fullpagehttps://github.com/yanhaijing/zepto.fullpage
[WebApp]定寬網(wǎng)頁設(shè)計(jì)下,固定寬度布局開發(fā)WebApp并實(shí)現(xiàn)多終端下WebApp布局自適應(yīng)https://www.cnblogs.com/plums/archive/2013/01/10/WebApp-fixed-width-layout-of-multi-terminal-adapter-since.html
判斷微信客戶端的那些坑https://loo2k.com/blog/detecting-wechat-client
可以通過java直接調(diào)用原生分享的工具h(yuǎn)ttps://github.com/JefferyWang/nativeShare.js
JiaThis分享到微信代碼https://www.jiathis.com/help/html/weixin-share-code
聊聊移動(dòng)端跨平臺(tái)開發(fā)的各種技術(shù)https://fex.baidu.com/blog/2015/05/cross-mobile
前端自動(dòng)化測(cè)試https://www.zhihu.com/question/29922082
多種輪換圖片https://ajccom.github.io/niceslider
滑動(dòng)側(cè)邊欄https://mango.github.io/slideout
文件上傳
文件上傳地址
百度上傳組件https://fex.baidu.com/webuploader
上傳https://blueimp.github.io/jQuery-File-Upload
flash頭像上傳https://www.hdfu.net
圖片上傳預(yù)覽https://www.dropzonejs.com
圖片裁剪https://elemefe.github.io/image-cropper
圖片裁剪-shearphotohttps://www.shearphoto.com
jQuery圖片處理https://www.oschina.net/project/tag/284/jquery-image-tools?lang=0&os=0&sort=view&p=2
模擬select
模擬select地址
糖餅selecthttps://aui.github.io/popupjs/doc/selectbox.html
flexselecthttps://github.com/rmm5t/jquery-flexselect
雙selecthttps://loudev.com
select2https://select2.github.io
取色插件
取色插件地址
類似Photoshop的界面取色插件https://www.jq22.com/plugin/367
jquerycolorhttps://github.com/jquery/jquery-color
取色插件集合https://www.oschina.net/project/tag/287/color-picker
farbtastic圓環(huán)+正方形https://github.com/mattfarina/farbtastic
城市聯(lián)動(dòng)
城市聯(lián)動(dòng)地址
jquery.cityselect.js基于jQuery+JSON的省市或自定義聯(lián)動(dòng)效果https://www.ijquery.cn/?p=360
剪貼板
剪貼板地址
剪貼板https://github.com/zeroclipboard/zeroclipboard
clipboard最新的剪切方案https://zenorocha.github.io/clipboard.js
不是Flash的剪貼板https://github.com/zenorocha/clipboard.js
簡(jiǎn)繁轉(zhuǎn)換
簡(jiǎn)繁轉(zhuǎn)換地址
簡(jiǎn)繁轉(zhuǎn)換https://github.com/BYVoid/OpenCC
表格Grid
表格Grid地址
facebook表格https://facebook.github.io/fixed-data-table
類似于Excel編輯表格-handsontablehttps://handsontable.com
bootstrap-table插件https://bootstrap-table.wenzhixin.net.cn
datatableshttps://www.datatables.net
在線演示
在線演示地址
js在線編輯-runjshttps://runjs.cn
各種開發(fā)語言的在線編輯https://lab123.hubwiz.com/
js在線編輯-codepenhttps://codepen.io
js在線編輯-jsfiddlehttps://jsfiddle.net
Java在線編輯-runjshttps://ideone.com
js在線編輯-hchartshttps://code.hcharts.cn
js在線編輯-jsdmhttps://jsdm.com
sql在線編輯-sqlfiddlehttps://sqlfiddle.com
mozilla在線編輯器https://thimble.mozilla.org
常規(guī)優(yōu)化
常規(guī)優(yōu)化地址
Java高性能動(dòng)畫與頁面渲染https://www.infoq.com/cn/articles/java-high-performance-animation-and-page-rendering
移動(dòng)H5前端性能優(yōu)化指南https://isux.tencent.com/h5-performance.html
5173首頁前端性能優(yōu)化實(shí)踐https://ued.5173.com/?p=1731
給網(wǎng)頁設(shè)計(jì)師和前端開發(fā)者看的前端性能優(yōu)化https://www.uisdc.com/front-end-performance-for-web-designers-and-front-end-developers
復(fù)雜應(yīng)用的CSS性能分析和優(yōu)化建議https://www.orzpoint.com/profiling-css-and-optimization-notes
張?chǎng)涡瘛岸诵阅軓場(chǎng)涡瘛岸诵阅?/p>
前端性能監(jiān)控總結(jié)https://www.xiaoqiang.org/java/font-end-performance-monitor.html
網(wǎng)站性能優(yōu)化之CSS無圖片技術(shù)網(wǎng)站性能優(yōu)化之CSS無圖片技術(shù)
web前端性能優(yōu)化進(jìn)階路web前端性能優(yōu)化進(jìn)階路
前端技術(shù):網(wǎng)站性能優(yōu)化之CSS無圖片技術(shù)https://my.eoe.cn/tuwandou/archive/4544.html
瀏覽器的加載與頁面性能優(yōu)化https://www.baiduux.com/blog/2011/02/15/browser-loading
頁面加載中的圖片性能優(yōu)化https://www.w3ctech.com/p/1503
Hey——前端性能Hey——前端性能
html優(yōu)化html優(yōu)化
99css——性能99css——性能
Yslow——性能優(yōu)化https://www.yslow.net/category.php?cid=20
YSLOW中文介紹https://www.cnblogs.com/yslow
轉(zhuǎn)一篇Yahoo關(guān)于網(wǎng)站性能優(yōu)化的文章,兼談本站要做的優(yōu)化https://www.360ito.com/article/40.html
Yahoo!團(tuán)隊(duì)實(shí)踐分享:網(wǎng)站性能https://www.360doc.com/content/10/0928/09/2588264_56971287.shtml
網(wǎng)站性能優(yōu)化指南:什么使什么是mdn號(hào)碼我們的網(wǎng)站變慢?https://blog.jiasule.com/i/153
網(wǎng)站性能優(yōu)化實(shí)踐,減少加載時(shí)間,提高用戶體驗(yàn)https://www.powereasy.net/helpyou/knowledge/ecommerce/9593.html
淺談網(wǎng)站性能優(yōu)化前端篇https://www.umtry.com/archives/747.html
前端重構(gòu)實(shí)踐之如何對(duì)網(wǎng)站性能優(yōu)化?https://www.adinnet.cn/blog/designview/2012-7-12/678.html
前端性能優(yōu)化:使用媒體查詢加載指定大小的背景圖片https://www.gbin1.com/technology/java/20130708-front-end-performance-optimization-9
網(wǎng)站性能系列博文https://www.mykuer.com/post/factors-that-affect-the-speed-of-web-site-open.html
加載,不只是少一點(diǎn)點(diǎn)https://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201109/41355.shtml
前端性能的測(cè)試與優(yōu)化https://mzhou.me/article/95310
分享網(wǎng)頁加載速度優(yōu)化的一些技巧?https://www.gbin1.com/technology/html/20130217-tips-for-speed-up-page-loading
頁面加載中的圖片性能優(yōu)化https://www.f2es.com/images-bytes-opt
web前端優(yōu)化(基于Yslowhttps://www.tcreator.info/webSchool/website/Front-end-Opt-Yslow.html
網(wǎng)站性能優(yōu)化工具大全https://www.qianduan.net/website-performance-optimization-tool.html
【高性能前端1】高性能HTMLhttps://www.alloyteam.com/2012/10/high-performance-html
【高性能前端2】高性能CSShttps://www.alloyteam.com/2012/10/high-performance-css
由12306談?wù)劸W(wǎng)站前端性能和后端性能優(yōu)化https://coolshell.cn/articles/6470.html
AlloyTeam——前端優(yōu)化AlloyTeam——前端優(yōu)化
毫秒必爭(zhēng),前端網(wǎng)頁性能最佳實(shí)踐https://www.cnblogs.com/developersupport/p/3248695.html
網(wǎng)站性能工具Yslow的使用方法https://blog.sina.com.cn/s/blog_6e9d2e0701017kvu.html
前端工程與性能優(yōu)化(上):靜態(tài)資源版本更新與緩存https://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1
前端工程與性能優(yōu)化(下):靜態(tài)資源管理與模板框架https://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part2
HTTPS連接的前幾毫秒發(fā)生了什么https://blog.jobbole.com/48369
Yslowhttps://uicss.cn/yslow/#more-12319
EssentialWebPerformanceMetrics—APrimer,Part1https://blog.smartbear.com/web-performance/essential-web-performance-metrics-a-primer-part-1
EssentialWebPerformanceMetrics—Part2https://blog.smartbear.com/performance/essential-web-performance-metrics-part-2
YUISlide,針對(duì)移動(dòng)設(shè)備的動(dòng)畫性能優(yōu)化https://jayli.github.io/blog/data/2011/12/23/yuislide.html
ImprovingSitePerformancehttps://joelglovier.com/improving-site-performance
讓網(wǎng)站提速的最佳前端實(shí)踐https://segmentfault.com/a/1190000000367899
WhyWebsiteSpeedisImportanthttps://sixrevisions.com/web-development/why-website-speed-is-important
NeedforSpeed–HowtoImproveyourWebsitePerformancehttps://www.devbridge.com/articles/need-for-speed-how-to-improve-your-website-performance
阿里無線前端性能優(yōu)化指南(Pt.1加載期優(yōu)化https://github.com/amfe/article/issues/1
優(yōu)化工具
優(yōu)化工具地址
Java性能分析新工具OneProfilehttps://www.html-js.com/article/3083
Java堆內(nèi)存分析新工具OneHeaphttps://www.html-js.com/article/3091
在線工具
在線工具地址
google在線工具h(yuǎn)ttps://developers.google.com/speed/pagespeed/insights
阿里測(cè)https://www.alibench.com
阿里-免費(fèi)測(cè)試服務(wù)https://itest.aliyun.com
阿里-F2etest多瀏覽器兼容性測(cè)試解決方案https://github.com/alibaba/f2etest
js性能測(cè)試https://jsperf.com
前端架構(gòu)
前端架構(gòu)地址
技術(shù)架構(gòu)https://www.zhihu.com/topic/19612641
前端架構(gòu)https://saito.im/note/The-Architecture-of-F2E
如何成為前端架構(gòu)師https://www.zhihu.com/question/24092572
關(guān)于前端架構(gòu)-張克軍https://hikejun.com/sharing/2010webrebuild/?file=fe-infrastructure.html
百度騰訊offer比較(騰訊游戲VS百度基礎(chǔ)架構(gòu))https://www.zhihu.com/question/25583350
推薦作品
推薦作品地址
winter代碼片段需要翻墻https://gist.github.com/wintercn點(diǎn)擊預(yù)覽
匯智網(wǎng)-使用node.js開發(fā)的網(wǎng)站https://www.hubwiz.com
岑安作品集https://github.com/hongru/hongru.github.com
當(dāng)耐特demo集合https://kmdjs.github.io
米空格js作品https://www.laoshu133.com/Lab
myFocushttps://koen301.github.io
SeaJS組件庫https://panxuepeng.github.io/seajslib
顏海鏡作品https://yanhaijing.com/myProject
腳兒網(wǎng)作品https://jo2.org/category/myworks
java個(gè)人作品https://www.cnitblog.com/yemoo/category/3107.html
妙味的雷東升游戲作品https://bbs.miaov.com/forum.php?mod=viewthread&tid=7790
java作品集https://bbs.csdn.net/topics/380227212
云五筆,灰度產(chǎn)生生成工具h(yuǎn)ttps://github.com/TooBug/works
項(xiàng)目主頁https://koen301.github.io
個(gè)性的作品主頁https://zaole.net
播放器https://static.tingall.com/v2/player
ucrenjsdemos集https://ucren.com/blog/demos
智能社https://www.zhinengshe.com/works_list.html
實(shí)例陳列架https://demos.shizuwu.cn
zoyedemohttps://zoye.sinaapp.com/demo
王員外https://lab.yuanwai.wang
平凡https://pingfan1990.sinaapp.com
jyg游戲案例https://www.lovewebgames.com
很多jquery插件https://www.helloweba.com/list.html
不羈蟲-soJs作品系列https://www.bujichong.com/sojs/api/index.html
frozenuihttps://frozenui.github.io/case.html
黑白棋https://js-game.github.io/othello
fromonehttps://yansm.github.io/fromone/index.html
pazguillehttps://pazguille.me
Html5VideoPlayerhttps://github.com/zmmbreeze/DeadSimpleVideoPlayer
Proton煙花https://a-jie.github.io/Proton/#example
簡(jiǎn)歷模板
簡(jiǎn)歷模板地址
不錯(cuò)的個(gè)人簡(jiǎn)歷https://learnshare.github.io/about/index.html
簡(jiǎn)歷https://hcy2367.github.io/resume
張倫https://ncuey.sinaapp.com/CrispElite/
簡(jiǎn)歷https://github.com/hacke2/ResumeSample
翁天信https://blog.dandyweng.com/2013/07/how-my-website-was-created
動(dòng)畫方式的簡(jiǎn)歷https://www.webhek.com/misc/interactive-resume
組件豐富簡(jiǎn)歷https://www.linqing07.com/resume.html
簡(jiǎn)歷池https://www.mojianli.com/resume/view
haorooms博客https://www.haorooms.com/about
JustinYounghttps://cv.youngdze.com
面試題
面試題地址
那幾個(gè)月在找工作(百度,網(wǎng)易游戲)https://www.nowcoder.com/discuss/3196
2014最新面試題https://www.html-js.com/article/1743
阿里前端面試題https://www.w3cfuns.com/thread-5598563-2-1.html
2016校招內(nèi)推—阿里巴巴前端—三面面試經(jīng)歷https://www.cnblogs.com/imwtr/p/4685546.html
騰訊面試題https://www.w3cfuns.com/article-5599657-1-1.html
年后跳槽那點(diǎn)事:樂視+金山+360面試之行https://www.cnblogs.com/lvdabao/p/3660707.html
阿里前端面試題上線https://fatesinger.com/2722.html
拉勾網(wǎng)js面試題https://www.cnblogs.com/52cik/p/js-question-lg.html
前端面試https://www.cnblogs.com/allenxing/p/3724382.html
Web開發(fā)筆試面試題大全https://mianshiti.diandian.com
前端開發(fā)面試題https://segmentfault.com/a/1190000000465431
2014最新前端面試題https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions
百度面試https://github.com/fex-team/interview-questions
面試題https://www.w3cfuns.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=177
前端工作面試問題https://github.com/darcyclarke/Front-end-Developer-Interview-Questions/tree/master/Chinese
前端開發(fā)面試題https://segmentfault.com/a/1190000000465431
5個(gè)經(jīng)典的前端面試問題5個(gè)經(jīng)典的前端面試問題
最全前端面試問題及答案總結(jié)https://segmentfault.com/a/1190000002562454
如何面試一名前端開發(fā)工程師?https://www.html-js.com/article/Large-search-front-team-column%202961
史上最全前端開發(fā)面試問題及答案整理https://github.com/hawx1993/Front-end-Interview-questions
前端實(shí)習(xí)生面試總結(jié)https://www.cnblogs.com/xiaoruo/p/4665163.html
史上最全前端開發(fā)面試問題及答案整理https://github.com/hawx1993/Front-end-Interview-questions
BAT及各大互聯(lián)網(wǎng)公司2014前端筆試面試題:Java篇https://blog.jobbole.com/78738
前端開發(fā)面試題大收集https://github.com/paddingme/Front-end-Web-Development-Interview-Question
收集的前端面試題和答案https://github.com/qiu-deqing/FE-interview
如何面試前端工程師https://www.zhihu.com/question/19568008
前端開發(fā)面試題https://github.com/markyun/My-blog/blob/master/Front-end-Developer-Questions/Questions-and-Answers/README.md
牛客網(wǎng)-筆試面經(jīng)https://www.nowcoder.com/discuss?type=2
iconfont
iconfont地址
中文字體https://www.zhihu.com/question/21253343
淘寶字庫https://iconfont.cn
字體https://mux.alimama.com/fonts
制作教程https://iconfont.cn/help/platform.html
zhangxinxu-icommonhttps://www.zhangxinxu.com/wordpress/?s=icomoon
icommonhttps://icomoon.io/app
用字體在網(wǎng)頁中畫ICON圖標(biāo)(推薦教程https://imooc.com/learn/243
字體壓縮工具h(yuǎn)ttps://font-spider.org
Fiddler
Fiddler地址
Fiddler調(diào)式使用知多少(一深入研究https://www.cnblogs.com/tugenhua0707/p/4623317.html
微信fiddlehttps://www.cnblogs.com/strick/p/4570006.html
微信fiddlehttps://gaoboy.com/article/26.html
Chrome
Chrome地址
GoogleChrome官方https://developer.chrome.com/devtools
Chrome-基礎(chǔ)https://www.cnblogs.com/constantince/p/4565261.html
Chrome-進(jìn)階https://www.cnblogs.com/constantince/p/4579121.html
Chrome-性能https://www.cnblogs.com/constantince/p/4585983.html
Chrome-性能進(jìn)階https://www.cnblogs.com/constantince/p/4607497.html
Chrome-移動(dòng)https://www.cnblogs.com/constantince/p/4624241.html
Chrome-使用技巧https://www.cnblogs.com/liyunhua/p/4544738.html
Chrome-Console控制臺(tái)不完全指南https://www.cnblogs.com/Wayou/p/chrome-console-tips-and-tricks.html
Chrome-Workspace使瀏覽器變成IDEhttps://c7sky.com/chrome-devtools-workspace.html
network面板https://www.html-js.com/article/Nothing-blind%202975
chrome開發(fā)工具快捷鍵https://anti-code.com/devtools-cheatsheet
chrome調(diào)試工具常用功能整理https://www.html-js.com/article/2327
Chrome開發(fā)工具Workspace使用https://www.iinterest.net/2014/05/09/chrome-dev-tool-workspace
Chrome神器Vimium快捷鍵學(xué)習(xí)記錄https://www.cppblog.com/deercoder/archive/2011/10/22/158886.html
sass調(diào)試-w3cplushttps://www.w3cplus.com/sassguide/debug.html
如何更專業(yè)的使用Chrome開發(fā)者工具-w3cplushttps://www.w3cplus.com/tools/how-to-use-chrome-devtools-like-a-pro.html
chrome調(diào)試canvashttps://sentsin.com/web/253.html
chromeprofiles1https://developer.chrome.com/devtools/index
chromeprofiles2https://h5dev.uc.cn/article-25-1.html
chromeprofiles3https://www.oschina.net/translate/performance-optimisation-with-timeline-profiles
chrome移動(dòng)版調(diào)試https://developer.chrome.com/devtools/docs/mobile-emulation
chrome調(diào)試https://ued.taobao.org/blog/2012/06/debug-with-chrome-dev-tool
chrome的調(diào)試https://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html
chromeconsole命令詳解https://developer.chrome.com/devtools/docs/commandline-api
查看事件綁定1https://www.cnblogs.com/leonkao/p/3809655.html
查看事件綁定2https://www.cnblogs.com/xiaoyao2011/p/3447421.html
神器——Chrome開發(fā)者工具(一https://segmentfault.com/a/1190000000683599
奇趣百科性能優(yōu)化(ChromeDevTools中的TimelineProfils等工具使用介紹https://xinranliu.me/2015-05-22-qiqu-performance
chrome開發(fā)者工具的15個(gè)小技巧https://frontenddev.org/link/15-tips-of-chrome-developer-tools.html
Chrome開發(fā)者工具不完全指南https://1ke.co/course/361
Chrome開發(fā)者工具使用技巧https://segmentfault.com/a/1190000003882567
Firebug
Firebug地址
firebug視頻教程https://www.imooc.com/learn/137
firefox模擬器https://developer.mozilla.org/zh-CN/docs/Tools/WebIDE
console.log命令詳解https://www.cnblogs.com/ctriphire/p/4116207.html
Firebug入門指南https://www.ruanyifeng.com/blog/2008/06/firebug_tutorial.html
Firebug控制臺(tái)詳解https://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html
移動(dòng),微信調(diào)試
移動(dòng),微信調(diào)試地址
瀏覽器端調(diào)試安卓https://openstf.github.io
移動(dòng)端前端開發(fā)調(diào)試https://yujiangshui.com/multidevice-frontend-debug
使用Chrome遠(yuǎn)程調(diào)試Android設(shè)備https://github.com/yujiangshui/CN-Chrome-DevTools/blob/remote-debugging/md/Use-Tools/remote-debugging.md
mac移動(dòng)端調(diào)試https://plus.uc.cn/document/webapp/doc5.html
mac移動(dòng)端調(diào)試https://www.mihtool.com
無線調(diào)試攻略https://thx.github.io/mobile/debugging-in-mobile
無線調(diào)試攻略https://yanhaijing.com/mobile/2014/12/17/web-debug-for-mobile
屌爆了,完美調(diào)試微信webview(x5https://www.jianshu.com/p/ccf124f1f74b
微信調(diào)試的那些事微信調(diào)試的那些事
遠(yuǎn)程consolehttps://jsconsole.com
微信調(diào)試工具h(yuǎn)ttps://blog.qqbrowser.cc
各種真機(jī)遠(yuǎn)程調(diào)試方法匯總https://github.com/jieyou/remote_inspect_web_on_real_device
iOSSimulator
iosSimulator地址
SimulatoriOS_Simulator_Guide-Introduction
iOSSimulator的介紹和使用心得https://www.crifan.com/intro_ios_simulator_in_xcode_and_usage_summary
img
img地址
loadingimghttps://preloaders.net/en/circular
智圖-圖片優(yōu)化平臺(tái)https://zhitu.isux.us
在線png優(yōu)化https://tinypng.com
生成二維碼
生成二維碼地址
生成二維碼https://cli.im
瀏覽器同步
瀏覽器同步地址
puerhttps://github.com/leeluolee/puer
liveReloadhttps://livereload.com
f5https://getf5.com
FileWatchershttps://geek100.com/2608
在線PPT制作
在線PPT制作地址
nodePPTnodePPT
Cleaver快速制作網(wǎng)頁P(yáng)PThttps://www.jeffjade.com/2015/10/15/2015-10-16-cleaver-make-ppt/
impress.jshttps://www.cnblogs.com/Darren_code/archive/2013/01/04/impressjs.html
PPThttps://github.com/ksky521/nodePPT
revealhttps://github.com/hakimel/reveal.js
slippyhttps://github.com/Seldaek/slippy
前端導(dǎo)航網(wǎng)站
前端導(dǎo)航網(wǎng)站地址
界面清爽的前端導(dǎo)航https://uxbees.com/index.html
前端導(dǎo)航https://whycss.com
前端網(wǎng)址導(dǎo)航https://www.daqianduan.com/nav
前端名錄https://sentsin.com/daohang
前端導(dǎo)航https://123.jser.us
前端開發(fā)資源https://www.css88.com/nav
網(wǎng)址導(dǎo)航https://www.haourl.cn
前端開發(fā)倉(cāng)庫-眾多效果的收集地https://code.ciaoca.com
前端資源導(dǎo)航https://github.com/jnoodle/f2e-collect
F2E前端導(dǎo)航https://f2e.im/static/pages/nav/index.html
常用CDN
常用CDN地址
新浪CDNhttps://lib.sinaapp.com
百度靜態(tài)資源公共庫https://cdn.code.baidu.com
360網(wǎng)站衛(wèi)士常用前端公共庫CDN服務(wù)https://libs.useso.com
Bootstrap中文網(wǎng)開源項(xiàng)目免費(fèi)CDN服務(wù)https://www.bootcdn.cn
開放靜態(tài)文件CDN-七牛https://staticfile.org
CDN加速-jq22https://www.jq22.com/cdn
jQueryCDNhttps://code.jquery.com
GooglejQueryCDNhttps://www.google-jquery-cdn.com
微軟CDNhttps://www.asp.net/ajax/cdn
Git
git地址
git-scmhttps://git-scm.com
廖雪峰-Git教程廖雪峰-Git教程
git-for-windowshttps://git-for-windows.github.io
GitHub添加SSHkeyshttps://daemon369.github.io/git/2015/03/10/add-ssh-keys-for-github
gogithubhttps://www.worldhello.net/gotgithub/index.html
git常規(guī)命令練習(xí)https://pcottle.github.io/learnGitBranching
git的資料整理https://github.com/xirong/my-git
我所記錄的git命令(非常實(shí)用)https://www.cnblogs.com/fanfan259/p/4810517.html
企業(yè)開發(fā)git工作流模式探索部分休整https://github.com/xirong/my-git/blob/master/git-workflow-tutorial.md
GitHub漫游指南https://github.com/phodal/github-roam
GitHub秘籍https://github.com/tiimgreen/github-cheat-sheet/blob/master/README.zh-cn.md
使用git和github進(jìn)行協(xié)同開發(fā)流程https://livoras.com/post/28
動(dòng)畫方式練習(xí)githttps://onlywei.github.io/explain-git-with-d3
各種日期日歷
各種日期日歷地址
經(jīng)典my97https://www.my97.net/dp/demo/index.htm
強(qiáng)大的獨(dú)立日期選擇器https://www.cnblogs.com/gbin1/archive/2012/04/16/2452105.html
fullcalendarhttps://fullcalendar.io
fullcalendar日歷控件知識(shí)點(diǎn)集合https://blog.csdn.net/francislaw/article/details/7740630
中文apihttps://blog.sina.com.cn/s/blog_9475b1c101012c5f.html
農(nóng)歷日歷https://github.com/zzyss86/LunarCalendar
超酷的仿百度帶節(jié)日日歷老黃歷控件https://www.sucaisj.com/jiaoben/date/201509/16856.html
日期格式化https://momentjs.com
大牛日歷控件https://github.com/Johnqing/QPAYCalendar
我群某管理作品https://github.com/Iamlars/dateMarker
input按位替換-官網(wǎng)https://digitalbush.com/projects/masked-input-plugin
input按位替換-githubhttps://github.com/digitalBush/jquery.maskedinput/tree/1.2.2
bootstrap-daterangepickerhttps://github.com/dangrossman/bootstrap-daterangepicker
國(guó)外30個(gè)插件集合https://www.vandelaydesign.com/30-best-free-jquery-plugins
Javadatepickerhttps://dbushell.com/2012/10/09/pikaday-java-datepicker
Datepair.jshttps://jonthornton.github.io/Datepair.js
一個(gè)風(fēng)格多樣的日歷https://github.com/glad/glDatePicker
彈出層式的全日歷https://amsul.ca/pickadate.js/date
jquery雙日歷https://www.daterangepicker.com
大氣實(shí)用jQuery手機(jī)移動(dòng)端日歷日期選擇插件https://www.frankdemo.cn/index.php?c=content&a=show&id=115
jQueryMobile移動(dòng)開發(fā)中的日期插件Mobiscrollhttps://mobiscroll.com
Datelibrary
Datelibrary地址
Datejshttps://github.com/datejs/Datejs
sugarjshttps://sugarjs.com/api/Date
其它
其它地址
Mock.js是一款模擬數(shù)據(jù)生成器https://mockjs.com
特色的HTML框架可以創(chuàng)建精美的iOS應(yīng)用https://framework7.taobao.org
淘寶SUIhttps://m.sui.taobao.org
avalonjshttps://avalonjs.github.io
Avalon新一代UI庫:OniUIhttps://ued.qunar.com/oniui/index.html
avalon.oniui-基于avalon的組件庫https://github.com/RubyLouvre/avalon.oniui
效果類
效果類地址
彈出層https://www.imooc.com/learn/58
焦點(diǎn)圖輪播特效https://www.imooc.com/learn/18
HTML5有哪些讓你驚艷的demo?https://www.zhihu.com/question/24398907
彈出層
彈出層地址
artDialog最新版https://github.com/aui/artDialog
artDialog文檔https://aui.github.io/artDialog/doc/index.html
googlecode下載地址https://code.google.com/p/artdialog/downloads/list
賢心彈出層https://layer.layui.com
響應(yīng)式用戶交互組件庫https://github.com/bh-lay/UI
sweetalert-有css3動(dòng)畫彈出層https://t4t5.github.io/sweetalert
優(yōu)秀Java項(xiàng)目
優(yōu)秀Java項(xiàng)目地址
Angular和Webpack種子文件https://github.com/AngularClass/angular2-webpack-starter
Fis3面向前端的工程構(gòu)建系統(tǒng)https://github.com/fex-team/fis3
Fis3DEMOhttps://github.com/fex-team/fis3-demo
前端JQuery系列:源碼剖析https://github.com/JsAaron/jQuery
avalon框架https://github.com/RubyLouvre/avalon
MicrosoftChakraCore微軟的Chakra引擎https://github.com/Microsoft/ChakraCore
QuintusHTML游戲引擎https://github.com/cykod/Quintus
一個(gè)用node.js搭建的網(wǎng)站https://www.hubwiz.com/
Web前端助手—FeHelper(Chrome擴(kuò)展)https://github.com/zxlie/FeHelper
百度前端技術(shù)學(xué)院https://github.com/baidu-ife/ife
Cheerio(node.js中的jQuery)https://github.com/cheeriojs/cheerio
nodejs的一個(gè)聊天軟件類似微信https://github.com/BryanYang/freechat
使用html5和node.js構(gòu)建的網(wǎng)易云音樂https://github.com/stkevintan/Cube
babelES6轉(zhuǎn)換為ES5https://github.com/babel/babel
一個(gè)JS富文本編輯器https://github.com/fex-team/ueditor
一個(gè)JS腦圖可視化工具h(yuǎn)ttps://github.com/fex-team/kityminder-core
一個(gè)JS寫的FlappyBirdGamehttps://github.com/ellisonleao/clumsy-bird
一個(gè)JS寫的GBA模擬器https://github.com/taisel/IodineGBA
SegmentFault寫的Markdown解析器https://github.com/SegmentFault/HyperDown.js
基于node.js的Ghost博客https://github.com/TryGhost/Ghost
學(xué)習(xí)react的demoshttps://github.com/ruanyf/react-demos
獲得更多相關(guān)資訊可以關(guān)注西安華美校區(qū),就會(huì)獲得java零基礎(chǔ)教程!額外附送excel教程!
評(píng)論列表
還沒有評(píng)論,快來說點(diǎn)什么吧~