front end Doc
1.0.0
Summary of front-end documents (including code specifications, development processes, knowledge sharing, and continuous updates)
Comprehensive category | address |
---|---|
Basic example of front-end documentation | https://github.com/mgbq/front-end-Doc/blob/master/base.md |
Front-end knowledge system | http://www.cnblogs.com/sb19871023/p/3894452.html |
Front-end knowledge structure | https://github.com/JacksonTian/fks |
Overview of Web front-end development department | https://github.com/unruledboy/WebFrontEndStack |
Overview of Web front-end development department-Chinese version | http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html |
Web Front-end Stack v2.2 | https://raw.githubusercontent.com/unruledboy/WebFrontEndStack/master/Web%20Front%20End%20Stack.png |
Free Chinese programming book index | https://github.com/justjavac/free-programming-books-zh_CN |
Front-end books | https://github.com/dypsilon/frontend-dev-bookmarks |
Complete collection of free front-end books | https://github.com/vhf/free-programming-books |
Front-end knowledge system | http://www.cnblogs.com/sb19871023/p/3894452.html |
Free Chinese programming book index | https://github.com/justjavac/free-programming-books-zh_CN |
Intelligent Society - Proficient in JavaScript development | http://study.163.com/course/introduction/224014.htm |
Reintroducing JavaScript (JS Tutorial) | https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript |
MIT Open Course: Introduction to Computer Science and Programming | http://v.163.com/special/opencourse/bianchengdaolun.html |
The most comprehensive collection of this traps in JavaScript - the only one | http://segmentfault.com/a/1190000002640298 |
A Guide to Functional Programming in JS | https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html |
JavaScript Promise Mini Book (Chinese version) | http://liubin.github.io/promises-book |
Tencent mobile web front-end knowledge base | https://github.com/AlloyTeam/Mars |
Front-End-Develop-Guide Front-End Development Guide | https://github.com/Front-End-Developers-Hunan/Front-End-Develop-Guide |
Front-end development notebook | https://li-xinyang.gitbooks.io/frontend-notebook/content |
Large front-end toolset-Nie Weidong | https://github.com/nieweidong/fetool |
Front-end Developer Manual | https://dwqs.gitbooks.io/frontenddevhandbook/content |
entry level | address |
---|---|
Front-end introductory tutorial | http://www.cnblogs.com/jikey/p/3613082.html |
Jingxuefeng's Javascript tutorial | http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000 |
jQuery basic tutorial | http://www.imooc.com/view/11 |
Essential PS skills for front-end engineers - picture cutting | http://www.imooc.com/view/506 |
Front-end entry method based on personal experience summary | https://github.com/qiu-deqing/FE-learning |
Effect category | address |
---|---|
popup layer | http://www.imooc.com/learn/58 |
Focus image carousel special effects | http://www.imooc.com/learn/18 |
Tools | address |
---|---|
css sprite sprite image production | http://www.imooc.com/learn/93 |
Getting started with version control – moving into Github | http://www.imooc.com/learn/390 |
Grunt-beginner front-end automation tool | http://www.imooc.com/learn/30 |
MOOC Topics | address |
---|---|
Zhang Xinxu-MOOC Series | http://www.imooc.com/t/197450 |
lyn - MOOC series | http://www.imooc.com/t/104593 |
Allen - MOOC Series | http://www.imooc.com/u/290139/courses?sort=publish |
Bizi-Hello, mobile WEB | http://www.imooc.com/view/494 |
Weekly newspapers | address |
---|---|
Ping An Technology Mobile Development Team 2 Technical Weekly Report | https://github.com/PaicHyperionDev/MobileDevWeekly |
Development Center | address |
---|---|
mozilla js reference | https://developer.mozilla.org/zh-CN/docs/Web/JavaScript |
Chrome Development Center (chrome’s core has been switched to blink) | https://developer.chrome.com/extensions/api_index.html |
safari development center | https://developer.apple.com/library/safari/navigation |
microsoft js reference | https://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94.aspx |
js secret garden | http://sanshi.me/articles/JavaScript-Garden-CN/html/index.html |
js secret garden | http://bonsaiden.github.io/JavaScript-Garden/en |
w3help | http://www.w3help.org Comprehensive Bug Collection Website |
Comprehensive search | address |
---|---|
javascripting | http://www.javascripting.com |
Search various popular libraries | http://microjs.com |
Comprehensive API | address |
---|---|
runoob.com - Contains various API collections | http://www.runoob.com |
Open source China online API document collection | http://tool.oschina.net/apidocs |
devdocs | http://devdocs.io English comprehensive API website |
jQuery | address |
---|---|
jQuery API Chinese documentation | http://www.jquery123.com |
hemin online version | http://hemin.cn/jq |
css88 jq api | http://www.css88.com/jqapi-1.9/on |
css88 jqui api | http://www.css88.com/jquery-ui-api |
learn jquery | http://learn.jquery.com |
jquery source code search | http://james.padolsey.com/jquery |
Ecmascript | address |
---|---|
Understanding ECMAScript 6 - Nicholas C. Zakas | https://leanpub.com/understandinges6/read |
exploring-es6 | https://leanpub.com/exploring-es6/read |
exploring-es6 translation | https://github.com/es6-org/exploring-es6 |
exploring-es6 post-translation preview | http://es6-org.github.io/exploring-es6 |
Ruan Yifenges6 | http://es6.ruanyifeng.com |
Ruan YifengJavascript | http://javascript.ruanyifeng.com |
ECMA-262, 5th edition | http://yanhaijing.com/es5 |
es5 | http://es5.github.io |
Js template | address |
---|---|
template-chooser | http://garann.github.io/template-chooser |
artTemplate | https://github.com/aui/artTemplate |
tomdjs | https://github.com/aui/tmodjs/blob/master/README.md |
Taobao template juicer template | http://juicer.name/docs/docs_zh_cn.html |
Fxtpl v1.0 Starry front-end template engine | http://koen301.github.io/fxtpl |
laytpl | http://laytpl.layui.com |
mozilla-nunjucks | https://github.com/mozilla/nunjucks |
Juicer | https://github.com/PaulGuo/Juicer |
dustjs | http://akdubya.github.io/dustjs |
etpl | http://ecomfe.github.io/etpl |
popup layer | address |
---|---|
artDialog latest version | https://github.com/aui/artDialog |
artDialog Documentation | http://aui.github.io/artDialog/doc/index.html |
google code download address | https://code.google.com/p/artdialog/downloads/list |
Xianxin pop-up layer | http://layer.layui.com |
Responsive user interaction component library | https://github.com/bh-lay/UI |
sweetalert-has css3 animated pop-up layer | http://t4t5.github.io/sweetalert |
CSS | address |
---|---|
CSS syntax reference | http://tympanus.net/codrops/css_reference |
CSS3 animation manual | http://isux.tencent.com/css3/index.html |
Tencent css3 animation production tool | http://isux.tencent.com/css3/tools.html |
Zhiye css gadget collection | http://linxz.github.io/tianyizone |
css3 js mobile hodgepodge | http://www.note12.com/category/blog/2014-6-5/538fe0a9f786f1b7019a4dfb |
bouncejs touch library | http://bouncejs.com |
css3 button animation | http://fian.my.id/Waves |
animate.css | http://daneden.github.io/animate.css |
The end of global CSS | http://www.alloyteam.com/2015/10/8536 |
Angularjs | address |
---|---|
Some learning resources for Angular.js | https://github.com/dolymood/AngularLearning |
angularjs Chinese community | http://angularjs.cn |
Angularjs source code learning | http://www.cnblogs.com/xuwenmin888/p/3739096.html |
Angularjs source code learning | http://www.ifeenan.com/?c=AngularJS |
Angular’s encapsulation of bootstrap | http://angular-ui.github.io/bootstrap |
angularjs + nodejs | https://cnodejs.org/topic/51404e0f069911196d2e3923 |
Lu DabaoAngularjs | http://www.cnblogs.com/lvdabao/tag/AngularJs |
AngularJS best practices | http://www.infoq.com/cn/news/2013/02/angular-web-app |
Some extension instructions for Angular | http://www.lovelucy.info/angularjs-best-practices.html |
Angular data binding principles | https://github.com/Pasvaz/bindonce |
Some extending Angular UI components | https://github.com/angular-ui |
Performance testing of Ember and AngularJS | http://voidcanvas.com/emberjs-vs-angularjs-performance-testing |
Take you closer to AngularJS - introduction to basic functions | http://www.cnblogs.com/powertoolsteam/p/angularjs-introdection.html |
Angularjs Development Guide | http://angular.duapp.com/docs/guide |
Angularjs learning | http://www.cnblogs.com/amosli/p/3710648.html |
Don’t learn AngularJS with jQuery in mind | http://www.rainweb.cn/article/angularjs-jquery.html |
angularjs study notes | http://wangjiatao.diandian.com/?tag=angularjs |
angularjs development guide | http://www.angularjs.cn/T008 |
angularjs English information | https://github.com/jmcunningham/AngularJS-Learning |
angular bootstrap | http://angular-ui.github.io/bootstrap |
angular jq mobile | https://github.com/opitzconsulting/jquery-mobile-angular-adapter |
angular ui | http://mgcrea.github.io/angular-strap |
Experience in integrating jQuery Mobile+AngularJS | http://www.tuicool.com/articles/7ZZVr2 |
With jQuery background, how to use AngularJS programming ideas | http://blog.jobbole.com/46589/ |
AngularJS online tutorial | http://each.sinaapp.com/angular |
angular study notes | http://www.zouyesheng.com/angular.html |
React | address |
---|---|
react.js Chinese Forum | http://www.react-china.org |
react.js official website | https://facebook.github.io/react/index.html |
react.js official documentation | https://facebook.github.io/react/docs/getting-started.html |
react.js material UI | http://material-ui.com/# |
react.js TouchstoneJS UI | http://touchstonejs.io |
react.js amazeui UI | http://amazeui.org/react |
React introductory example tutorial - Ruan Yifeng | http://www.ruanyifeng.com/blog/2015/03/react.html |
React Native Chinese version | http://wiki.jikexueyuan.com/project/react-native |
Webpack and React Little Book - Front-end Stew | http://www.html-js.com/article/Fakefish%203053 |
Webpack and React little book - gitbook | https://fakefish.github.io/react-webpack-cookbook |
webpack | https://github.com/webpack/webpack |
Webpack, 101 entry experience | http://html-js.com/article/3009 |
Webpack Getting Started Tutorial | http://html-js.com/article/3113 |
Exploration on building front-end engineering solutions based on webpack | http://segmentfault.com/a/1190000003499526 |
React original practical video tutorial | http://www.piliyu.com |
Mobile API | address |
---|---|
99 mobile knowledge collection | https://github.com/jtyjty99999/mobileTech |
Mobile front-end development knowledge base | https://github.com/AlloyTeam/Mars |
Some pitfalls and solutions for mobile front-end (appearance) | http://caibaojian.com/mobile-web-bug.html |
[Original] Organizing mobile web resources | http://www.cnblogs.com/PeunZhang/p/3407453.html |
zepto 1.0 Chinese manual | http://mweb.baidu.com/zeptoapi |
zepto 1.0 Chinese manual | http://www.html-5.cn/Manual/Zepto |
zepto 1.1.2 | http://www.css88.com/doc/zeptojs_api |
zepto Chinese comments | http://www.cnblogs.com/sky000/archive/2013/03/29/2988952.html |
jqmobile manual | http://app-framework-software.intel.com/api.php |
Mobile browser development collection | https://github.com/maxzhang/maxzhang.github.com/issues |
A hodgepodge of mobile development | https://github.com/hoosin/mobile-web-favorites |
Some problems in WeChat 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 |
frame | address |
---|---|
Featured HTML framework to create beautiful iOS apps | http://framework7.taobao.org |
Taobao SUI | http://m.sui.taobao.org |
avalon | address |
---|---|
avalonjs | http://avalonjs.github.io |
Avalon new generation UI library: OniUI | http://ued.qunar.com/oniui/index.html |
avalon.oniui - avalon-based component library | https://github.com/RubyLouvre/avalon.oniui |
Requriejs | address |
---|---|
Javascript modular programming (1): How to write modules | http://www.ruanyifeng.com/blog/2012/10/javascript_module.html |
Javascript modular programming (2): AMD specifications | http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html |
Javascript modular programming (3): usage of require.js | http://www.ruanyifeng.com/blog/2012/11/require_js.html |
Getting started with RequireJS (1) | http://www.cnblogs.com/snandy/archive/2012/05/22/2513652.html |
Getting Started with RequireJS (2) | http://www.cnblogs.com/snandy/archive/2012/05/23/2513712.html |
RequireJS Advanced (3) | http://www.cnblogs.com/snandy/archive/2012/06/08/2538001.html |
requrie source code learning | http://www.cnblogs.com/yexiaochai/p/3632580.html |
requrie Getting Started Guide | http://www.oschina.net/translate/getting-started-with-the-requirejs-library |
requrieJS study notes | http://www.cnblogs.com/yexiaochai/p/3214926.html |
requriejs one | http://cyj.me/why-seajs/requirejs/ |
require backbone combination | http://www.cnblogs.com/yexiaochai/p/3221081.html |
Seajs | address |
---|---|
seajs | http://seajs.org |
seajs Chinese manual | http://cyj.me/why-seajs/en |
Less,sass | address |
---|---|
sass | http://www.w3cplus.com/sassguide |
sass tutorial-sass China | http://www.sass.hk |
Sass Chinese documentation | http://sass.bootcss.com |
less | http://less.bootcss.com |
Markdown | address |
---|---|
Markdown syntax description (Simplified Chinese version) | http://wowubuntu.com/markdown |
markdown entry reference | https://github.com/LearnShare/Learning-Markdown/blob/master/README.md |
gitbook | https://www.gitbook.com Foreign online markdown can be edited into a book |
mdeditor | https://www.zybuluo.com/mdeditor A domestic online markdown editor |
stackedit | https://stackedit.io A foreign online markdown editor with powerful functions and cloud disk synchronization |
mditor | http://bh-lay.github.io/mditor A lightweight markdown editor |
lepture-editor | https://github.com/lepture/editor |
markdown-editor | https://github.com/jbt/markdown-editor |
D3 | address |
---|---|
d3 Tutorials | https://github.com/mbostock/d3/wiki/Tutorials |
Gallery | https://github.com/mbostock/d3/wiki/Gallery |
lofter | http://datavisual.lofter.com/post/40cf3a_188e535 |
iteye | http://alanland.iteye.com/blog/1878595 |
ruanyifeng | http://javascript.ruanyifeng.com/library/d3.html |
compatibility | address |
---|---|
esma compatibility list | http://kangax.github.io/compat-table/es6 |
W3C CSS Validation Service | http://jigsaw.w3.org/css-validator/validator.html.zh-cn |
caniuse | http://caniuse.com/#index |
csscreator | http://csscreator.com/properties |
microsoft | https://msdn.microsoft.com/zh-cn/library/cc351024(v=vs.85.aspx |
Online test compatibility-mobile terminal | http://www.responsinator.com |
emulators | https://www.manymo.com/emulators |
UI related | address |
---|---|
bootcss | http://v3.bootcss.com |
MetroUICSS | http://www.w3cplus.com/MetroUICSS |
semantic | http://semantic-ui.com |
Buttons | http://alexwolfe.github.io/Buttons |
kitecss | http://hiloki.github.io/kitecss |
pintuer | http://www.pintuer.com |
amazeui | http://amazeui.org |
worldhello | http://www.worldhello.net/gotgithub/index.html |
linuxtoy | http://igit.linuxtoy.org/contents.html |
gitmagic | http://www-cs-students.stanford.edu/~blynn/gitmagic/intl/zh_cn |
rogerdudler | http://rogerdudler.github.io/git-guide/index.zh.html |
gitref | http://gitref.justjavac.com |
book | http://git-scm.com/book/zh |
gogojimmy | http://gogojimmy.net/2012/01/17/how-to-use-git-1-git-basic |
HTTP | address |
---|---|
HTTP API Design Guide | http://segmentfault.com/bookmark/1230000002521721 |
Other APIs | address |
---|---|
Summary of popular JavaScript libraries | javascriptoo |
Verify API | http://niceue.com/validator/demo/index.php |
underscore Chinese manual | http://www.css88.com/doc/underscore |
underscore source code analysis | http://www.html-js.com/article/Underscorejs-source-code-analysis-of-underscorejs-source-code-analysis%203031 |
underscore source code analysis-Aris Zhude's blog | http://yalishizhude.github.io/tags/underscore |
underscrejs en api | http://underscorejs.org |
lodash - replacement for underscore | https://lodash.com |
ext4api | http://extjs-doc-cn.github.io/ext4api |
backbone Chinese manual | http://www.csser.com/tools/backbone/backbone.js.html |
qwrap manual | http://dev.qwrap.com/resource/js/_docs/_youa/#/qw/base/loadJs_.htm |
Easing function | http://easings.net/zh-cn |
svg Chinese reference | http://www.w3school.com.cn/svg/svg_reference.asp |
svg mdn reference | https://developer.mozilla.org/en-US/docs/Web/SVG |
svg export canvas | https://github.com/gabelerner/canvg |
svg export png | https://github.com/exupero/saveSvgAsPng |
ai-to-svg | http://www.zamzar.com/convert/ai-to-svg |
localStorage library | https://github.com/machao/localStorage |
Chart class | address |
---|---|
Highcharts Chinese API | http://www.hcharts.cn/api/index.php |
Highcharts English API | http://api.highcharts.com/highcharts |
ECharts Baidu’s charting software | http://echarts.baidu.com/ |
Amap | http://lbs.amap.com/api |
Open source vector graphics script framework | http://paperjs.org |
svg map | http://jvectormap.com |
vue | address |
---|---|
Vue | http://cn.vuejs.org |
Vue Forum | http://forum.vuejs.org |
Getting Started with Vue | http://www.cnblogs.com/aaronjs/p/3660102.html |
Some resource indexes of Vue | http://segmentfault.com/a/1190000000411057 |
awesome-vue | https://github.com/vuejs/awesome-vue |
regular | address |
---|---|
JS regular expression metacharacters | http://segmentfault.com/a/1190000002471140 |
30-minute introductory tutorial on regular expressions | http://deerchao.net/tutorials/regex/regex.htm |
MDN-Regular Expressions | https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions |
ruanyifeng - RegExp object | http://javascript.ruanyifeng.com/stdlib/regexp.html |
Mustache Brother-Advanced Regular Expressions | http://div.io/topic/764?page=1 |
is.js | https://github.com/Cedriking/is.js/blob/master/is.js |
Regular online test | http://regexper.com |
ionic | address |
---|---|
ionic | https://github.com/ychow/ionic-guide |
other | address |
---|---|
Mock.js is a mock data generator | http://mockjs.com |
front end | address |
---|---|
Code writing habits of engineers summarized by analyzing the github code base | http://alloyteam.github.io/CodeGuide |
HTML&CSS coding standards by @mdo | http://codeguide.bootcss.com |
CSS naming convention for teamwork-Tencent AlloyTeam front-end team | http://www.alloyteam.com/2011/10/107 |
Front-end coding specification js - by yuwenhui | http://yuwenhui.github.io |
Front-end coding specification js - by Li Jing | http://www.cnblogs.com/hustskyking/p/javascript-spec.html |
Front-end development specification manual | http://zhibimo.com/read/Ashu/front-end-style-guide |
Airbnb JavaScript Coding Guidelines (Simplified Chinese Version) | https://github.com/yuche/javascript#table-of-contents |
The difference between AMD and CMD specifications | http://www.zhihu.com/question/20351507 |
The difference between AMD and CMD specifications | http://www.cnblogs.com/tugenhua0707/p/3507957.html |
KISSY source code specification | http://docs.kissyui.com/1.4/docs/html/tutorials/style-guide/kissy-source-style.html |
bt coding specification | http://codeguide.bootcss.com |
Specification enhanced version | https://github.com/Suxiaogang/Code_Guide |
Front-end code specifications and best practices | http://blog.jobbole.com/79075 |
Baidu front-end specifications | http://coderlmn.github.io/code-standards |
Baidu front-end specifications | http://isobar-idev.github.io/code-standards |
Baidu front-end specifications | http://zhuanlan.zhihu.com/fuyun/19884834 |
ECMAScript6 coding specification--GF Securities front-end team | https://github.com/gf-rd/es6-coding-style |
JavaScript Style Guide/Coding Guidelines (Airbnb Corporate Edition) | http://blog.jobbole.com/79484 |
NetEase front-end development specifications | http://nec.netease.com/standard |
css module | http://www.75team.com/archives/1049 |
Front-end specification resource list | https://github.com/ecomfe/spec |
PHP | address |
---|---|
The most popular PHP coding standards | http://segmentfault.com/a/1190000000443795 |
The most popular PHP coding standards | https://github.com/hfcorriez/fig-standards/blob/zh_CN/%E6%8E%A5%E5%8F%97/PSR-2-coding-style-guide.md |
Android | address |
---|---|
[Agile Development] Android team development specifications | http://www.cnblogs.com/lcw/p/3619181.html |
Android development specifications and applications | http://www.jianshu.com/p/4390f4fe19b3 |
Open source projects of major companies | address |
---|---|
Facebook Projects | https://code.facebook.com/projects/web |
Baidu web front-end R&D department | http://fex.baidu.com |
Baidu EFE | http://efe.baidu.com |
Baidugithub | https://github.com/fex-team |
alloyteam | http://www.alloyteam.com |
alloyteam-github | http://alloyteam.github.io |
alloyteam-AlloyGameEngine | https://github.com/AlloyTeam/AlloyGameEngine |
AlloyDesigner | http://alloyteam.github.io/AlloyDesigner Instant modification, instant saving, design draft correction, and other development aids |
Introduction to H5 interactive page editor AEditor | http://www.alloyteam.com/2015/06/h5-jiao-hu-ye-bian-ji-qi-aeditor-jie-shao Introduction to tools for H5 animation interactive page development |
AEditor | http://aeditor.alloyteam.com Tools for H5 animation interactive page development |
maka | http://forum.maka.im/wordpress |
Weekly worth subscribing to | https://github.com/fenbility/weekly-feed |
Tencent html5 | http://cube.qq.com |
Qiwu Troupe open source project | http://75team.github.io |
Qunar UED | http://ued.qunar.com |
Scrat | http://scrat.io |
Commonly used | address |
---|---|
ieBetter.js - Let IE6-IE8 have browser features such as IE9+ and Chrome | http://www.zhangxinxu.com/wordpress/2013/12/iebetter-js-make-ie6-ie8-like-modern-browser-ie9-chrome |
simulate keyboard | http://mottie.github.io/Keyboard |
Pinyin | https://github.com/hotoo/pinyin |
China Personal ID Number Verification | https://github.com/mc-zone/IDValidator |
algorithm | address |
---|---|
Data Structures and Algorithms JavaScript Description. Chapter Exercises | https://github.com/Ralph-Wang/algorithm.in.js |
Common sorting algorithms (JS version) | https://github.com/twobin/twobinSort |
Classic sorting | https://github.com/luofei2011/jsAgm/blob/master/js/sort.js |
Common sorting algorithms-js version | https://github.com/hechangmin/jssort |
Essential collection of JavaScript algorithms and data structures | https://github.com/lightningtgc/JavaScript-Algorithms |
Concise explanation of frequently asked algorithm questions in interviews | http://www.nowcoder.com/live/courses |
Mobile terminal | address |
---|---|
fastclick | https://github.com/ftlabs/fastclick |
no-click-delay | https://github.com/mmastrac/jquery-noclickdelay |
JSON | address |
---|---|
Simulate generated JSON data | http://beta.json-generator.com |
Return cross-domain JSONAPI | http://jsonp.afeld.me |
Html5 | address |
---|---|
What demos of HTML5 surprise you? | http://www.zhihu.com/question/24398907 |
CSS | address |
---|---|
browserhacks | http://browserhacks.com |
focus map | address |
---|---|
myfocus | https://github.com/koen301/myfocus |
myfocus-official demo site | http://www.chhua.com/myfocus |
SuperSlidev2.1 -- Chairman Dahua | http://www.superslide2.com |
soChange | http://www.bujichong.com/sojs/soChange/index.html |
Ext, EasyUI, J-UI and other various UI solutions | address |
---|---|
extjs | https://www.sencha.com/products/extjs |
ext4 English API | http://docs.sencha.com/extjs/4.0.7 |
ext4 Chinese API | http://extjs-doc-cn.github.io/ext4api |
EasyUI | address |
---|---|
jquery easyui uncompressed source code | http://jquery-easyui.googlecode.com/svn/trunk/src |
J-UI | address |
---|---|
J-UI | http://jui.org |
Other | address |
---|---|
MUI - the high-performance front-end framework closest to the native APP experience | http://dcloudio.github.io/mui |
Amaze UI | China's first open source HTML5 cross-screen front-end framework |
Taobao HTML5 front-end framework | http://m.sui.taobao.org |
KISSY - Alibaba front-end JavaScript library | http://docs.kissyui.com |
NetEase Nej - Nice Easy Javascript | http://nej.netease.com |
Kendo UI MVVM Demo | http://demos.telerik.com/kendo-ui/mvvm/index |
Bootstrap | http://www.bootcss.com |
Smart UI | http://smartui.chinamzz.com |
Yahoo UI – CSS UI | http://developer.yahoo.com/yui/grids |
Page social sharing function | address |
---|---|
Baidu Share | http://share.baidu.com PC version |
JiaThis | http://jiathis.com PC version |
Social sharing components | http://developer.baidu.com/soc/share mobile terminal |
ShareSDK easily implements social functions | http://www.mob.com/#/index mobile terminal |
Umeng Share | http://dev.umeng.com/social/android/quick-integration mobile version |
Rich text editor | address |
---|---|
Fully functional tinymce | https://www.tinymce.com |
Baidu ueditor | http://ueditor.baidu.com/website |
classic ckeditor | http://ckeditor.com |
classic kindeditor | http://kindeditor.net |
wysiwyg | http://www.bootcss.com/p/bootstrap-wysiwyg |
A thoughtful editor. Bach's Editor | http://integ.github.io/BachEditor |
The editor used by tower | https://github.com/mycolorway/simditor |
summernote editor | https://github.com/summernote/summernote |
html5 editor | http://neilj.github.io/Squire |
XEditor | http://lab.hustlzp.com/XEditor |
wangEditor | https://github.com/wangfupeng1988/wangEditor |
PC | address |
---|---|
Classic my97 | http://www.my97.net/dp/demo/index.htm |
Powerful independent date picker | http://www.cnblogs.com/gbin1/archive/2012/04/16/2452105.html |
fullcalendar | http://fullcalendar.io |
fullcalendar calendar control knowledge point collection | http://blog.csdn.net/francislaw/article/details/7740630 |
Chinese API | http://blog.sina.com.cn/s/blog_9475b1c101012c5f.html |
lunar calendar | https://github.com/zzyss86/LunarCalendar |
Super cool imitation Baidu old almanac control with holiday calendar | http://www.sucaisj.com/jiaoben/date/201509/16856.html |
date formatting | http://momentjs.com |
Daniel Calendar Control | https://github.com/Johnqing/QPAYCalendar |
A management work of our group | https://github.com/Iamlars/dateMarker |
Input bitwise replacement-official website | http://digitalbush.com/projects/masked-input-plugin |
Input bitwise replacement-github | https://github.com/digitalBush/jquery.maskedinput/tree/1.2.2 |
bootstrap-daterangepicker | https://github.com/dangrossman/bootstrap-daterangepicker |
A collection of 30 foreign plug-ins | http://www.vandelaydesign.com/30-best-free-jquery-plugins |
JavaScript datepicker | http://dbushel.com/2012/10/09/pikaday-javascript-datepicker |
Datepair.js | http://jonthornton.github.io/Datepair.js |
A calendar with many styles | https://github.com/glad/glDatePicker |
Pop-up full calendar | http://amsul.ca/pickadate.js/date |
jquery dual calendar | http://www.daterangepicker.com |
move | address |
---|---|
Attractive and practical jQuery mobile calendar date selection plug-in | http://www.frankdemo.cn/index.php?c=content&a=show&id=115 |
Date plug-in Mobiscroll in jQuery Mobile mobile development | https://mobiscroll.com |
Date library | address |
---|---|
Datejs | https://github.com/datejs/Datejs |
sugarjs | http://sugarjs.com/api/Date |
Comprehensive effect search platform | address |
---|---|
Effect network | http://www.jq22.com |
17 materials | http://www.17sucai.com |
Commonly used JavaScript code snippets | http://microjs.com |
Overview | address |
---|---|
Complete collection of front-end tools | http://www.awesomes.cn |
What is front-end engineering | fouber/blog#10 |
Gulp | address |
---|---|
Gulp official website | http://gulpjs.com |
Gulp Chinese website | http://www.gulpjs.com.cn |
gulp data collection | https://github.com/Platform-CUF/use-gulp |
Gulp: automatic task management tool - ruanyifeng | http://javascript.ruanyifeng.com/tool/gulp.html |
Gulp plugin | http://gulpjs.com/plugins |
Gulp incomplete introductory tutorial | http://www.ido321.com/1622.html |
Why use gulp? | hjzheng/CUF_meeting_knowledge_share#33 |
Gulp installation and cooperation components to build front-end development integration | http://www.dbpoo.com/getting-started-with-gulp |
Getting Started with Gulp | https://github.com/nimojs/gulp-book |
Getting Started with Gulp - nimojs | https://github.com/nimojs/blog/issues/19 |
Gulp Getting Started Tutorial | http://markpop.github.io/2014/09/17/Gulp%E5%85%A5%E9%97%A8%E6%95%99%E7%A8%8B |
Gulp in Action | http://www.imooc.com/video/5692 |
Gulp Development Tutorial (Translation) | http://www.w3ctech.com/topic/134 |
Introduction and techniques for using the front-end construction tool gulpjs | http://www.cnblogs.com/2050/p/4198792.html |
Grunt | address |
---|---|
gruntjs | http://gruntjs.com |
Grunt Chinese website | http://www.gruntjs.net |
Fis | address |
---|---|
fis official website | http://fex-team.github.io/fis-site/index.html |
fis | http://fis.baidu.com |
pc chart wheel | address |
---|---|
Single screen carousel sochange | http://www.jsfoot.com/jquery/demo/2011-09-20/192.html |
Left and right buttons to switch between multiple images | http://bxslider.com/examples/carousel-demystified |
fullpage full screen carousel | https://github.com/alvarotrigo/fullPage.js |
Mobile terminal | address |
---|---|
Seamless switching | http://www.swipejs.com |
Slide screen effect | http://www.idangero.us/swiper |
fullscreenfullpage | https://github.com/peunzhang/fullpage |
Single picture switching | https://github.com/qiqiboy/touchslider |
Single full screen switch | https://github.com/peunzhang/slip.js |
Baidu switching library | http://touch.code.baidu.com/examples.html?qq-pf-to=pcqq.group |
Single full screen switch | https://github.com/peunzhang/iSlider |
Slide screen effect | https://github.com/saw/touch-interfaces |
Rotation drag settings | http://baijs.com/tinycircleslider |
Similar to swipe switching | http://touchslider.com |
Supports various forms of touch sliding | http://www.swiper.com.cn/demo/index.html |
Slide screen effect | https://github.com/joker-ye/main/blob/master/wap/index.html |
Chairman Dahua pc mobile picture rotation | http://www.superslide2.com |
Slide screen effect | https://github.com/hahnzhu/parallax.js |
fullpage based on zepto | https://github.com/yanhaijing/zepto.fullpage |
[WebApp] Under fixed-width web page design, develop WebApp with fixed-width layout and realize WebApp layout adaptation under multiple terminals | http://www.cnblogs.com/plums/archive/2013/01/10/WebApp-fixed-width-layout-of-multi-terminal-adapter-since.html |
Determine the pitfalls of WeChat client | http://loo2k.com/blog/detecting-wechat-client |
Native sharing tools can be directly called through javascript | https://github.com/JefferyWang/nativeShare.js |
JiaThis share to WeChat code | http://www.jiathis.com/help/html/weixin-share-code |
Let’s talk about various technologies for mobile cross-platform development | http://fex.baidu.com/blog/2015/05/cross-mobile |
Front-end automated testing | http://www.zhihu.com/question/29922082 |
Various rotating pictures | http://ajccom.github.io/niceslider |
sliding sidebar | https://mango.github.io/slideout |
File upload | address |
---|---|
Baidu upload component | http://fex.baidu.com/webuploader |
upload | https://blueimp.github.io/jQuery-File-Upload |
flash avatar upload | http://www.hdfu.net |
Image upload preview | http://www.dropzonejs.com |
Image cropping | http://elemefe.github.io/image-cropper |
Image cropping-shearphoto | http://www.shearphoto.com |
jQuery image processing | http://www.oschina.net/project/tag/284/jquery-image-tools?lang=0&os=0&sort=view&p=2 |
simulateselect | address |
---|---|
sugar cookie selection | http://aui.github.io/popupjs/doc/selectbox.html |
flexselect | https://github.com/rmm5t/jquery-flexselect |
double select | http://loudev.com |
select2 | http://select2.github.io |
Color picking plug-in | address |
---|---|
Photoshop-like interface color picking plug-in | http://www.jq22.com/plugin/367 |
jquery color | https://github.com/jquery/jquery-color |
Color picking plug-in collection | http://www.oschina.net/project/tag/287/color-picker |
farbtastic ring + square | https://github.com/mattfarina/farbtastic |
City linkage | address |
---|---|
jquery.cityselect.js Provinces and cities or customized linkage effects based on jQuery+JSON | http://www.ijquery.cn/?p=360 |
clipboard | address |
---|---|
clipboard | https://github.com/zeroclipboard/zeroclipboard |
clipboard The latest cutting solution | http://zenorocha.github.io/clipboard.js |
Not Flash’s clipboard | https://github.com/zenorocha/clipboard.js |
Conversion between Simplified and Traditional Chinese | address |
---|---|
Conversion between Simplified and Traditional Chinese | https://github.com/BYVoid/OpenCC |
TableGrid | address |
---|---|
facebook form | http://facebook.github.io/fixed-data-table |
Editing tables similar to Excel-handsontable | http://handsontable.com |
bootstrap-table plugin | http://bootstrap-table.wenzhixin.net.cn |
datatables | https://www.datatables.net |
Online demo | address |
---|---|
js online editing - runjs | http://runjs.cn |
js online editing - jsbin | http://jsbin.com |
js online editing - codepen | http://codepen.io |
js online editing - jsfiddle | http://jsfiddle.net |
java online editing - runjs | http://ideone.com |
js online editing-hcharts | http://code.hcharts.cn |
js online editing-jsdm | http://jsdm.com |
sql online editing - sqlfiddle | http://sqlfiddle.com |
mozilla online editor | https://thimble.mozilla.org |
player | address |
---|---|
Html5 VideoPlayer | https://github.com/zmmbreeze/DeadSimpleVideoPlayer |
particle animation | address |
---|---|
Proton Fireworks | http://a-jie.github.io/Proton/#example |
Nodejs | address |
---|---|
nodejs is relatively large in size | http://liuqing.pw |
Node.js includes teaching but not skills | https://github.com/alsotang/node-lessons |
Less space | http://www.rainweb.cn/article/category/Nodejs |
node express introductory tutorial | http://www.w3cfuns.com/article-5598538-1-1.html |
nodejs scheduled tasks | http://my.oschina.net/u/568264/blog/193773 |
A nodejs blog | http://60sky.com |
[NodeJS Study Notes 04] News Release System | http://www.cnblogs.com/yexiaochai/p/3536547.html |
Have fun for 7 days during the Chinese New Year, and have fun learning nodejs | http://www.cnblogs.com/qqloving/p/3541099.html |
Learn NodeJS in seven days | https://github.com/nqdeng/7-days-nodejs |
Nodejs study notes (2) --- event module | http://www.cnblogs.com/zhongweiv/p/nodejs_events.html |
Getting started with nodejs | http://www.cnblogs.com/liusuqi/p/3735491.html |
angularjs nodejs | https://github.com/zensh/jsgen |
Starting nodejs series from scratch | http://blog.fens.me/series-nodejs |
Understand nodejs | http://debuggable.com/posts/understanding-node-js:4bd98440-45e4-4a9a-8ef7-0f7ecbdd56cb |
nodejs event polling | http://blog.mixu.net/2011/02/01/understanding-the-node-js-event-loop |
Getting started with node | http://www.nodebeginner.org/index-zh-cn.html |
nodejs cms | http://ourjs.com/detail/53e1f281c5910a9806000001 |
Getting started with Node, a comprehensive NodeJS tutorial | http://ourjs.com/detail/529ca5950cb6498814000005 |
Code debugging and performance tuning for NodeJS | http://www.barretlee.com/blog/2015/10/07/debug-nodejs-in-command-line |
General optimization | address |
---|---|
Javascript high-performance animation and page rendering | http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering |
Mobile H5 front-end performance optimization guide | http://isux.tencent.com/h5-performance.html |
5173 homepage front-end performance optimization practice | http://ued.5173.com/?p=1731 |
Front-end performance optimization for web designers and front-end developers | http://www.uisdc.com/front-end-performance-for-web-designers-and-front-end-developers |
CSS performance analysis and optimization suggestions for complex applications | http://www.orzpoint.com/profiling-css-and-optimization-notes |
Zhang Xinxu——Front-end performance | http://www.zhangxinxu.com/wordpress/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD |
Front-end performance monitoring summary | http://www.xiaoqiang.org/javascript/font-end-performance-monitor.html |
Website performance optimization CSS image-free technology | http://udc.weibo.com/2013/05/%E7%BD%91%E7%AB%99%E6%80%A7%E8%83%BD%E4%B C%98%E5%8C%96%E4%B9%8Bcss%E6%97%A0%E5%9B%BE%E7%89%87%E6%8A%80%E6%9C%AF |
Advanced path to web front-end performance optimization | http://www.aliued.cn/2013/01/20/web%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5% 8C%96%E8%BF%9B%E9%98%B6%E8%B7%AF.html |
Front-end technology: CSS image-free technology for website performance optimization | http://my.eoe.cn/tuwandou/archive/4544.html |
Browser loading and page performance optimization | http://www.baiduux.com/blog/2011/02/15/browser-loading |
Image performance optimization during page loading | http://www.w3ctech.com/p/1503 |
Hey - front-end performance | http://www.feelcss.com/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD |
html optimization | http://www.baiduux.com/blog/2010/03/15/html%E4%BC%98%E5%8C%96-2 |
99css - Performance | http://www.99css.com/tag/%e6%80%a7%e8%83%bd |
Yslow - performance optimization | http://www.yslow.net/category.php?cid=20 |
YSLOW Chinese introduction | http://www.cnblogs.com/yslow |
Repost an article from Yahoo about website performance optimization, and also talk about the optimization that needs to be done on this site. | http://www.360ito.com/article/40.html |
Yahoo! Team Practice Sharing: Website Performance | http://www.360doc.com/content/10/0928/09/2588264_56971287.shtml |
Website Performance Optimization Guide: What Makes Our Website Slow? | http://blog.jiasule.com/i/153 |
Website performance optimization practices to reduce loading time and improve user experience | http://www.powereasy.net/helpyou/knowledge/ecommerce/9593.html |
A brief discussion on website performance optimization front-end | http://www.umtry.com/archives/747.html |
How does front-end refactoring practice optimize website performance? | http://www.adinnet.cn/blog/designview/2012-7-12/678.html |
Front-end performance optimization: Use media queries to load background images of specified sizes | http://www.gbin1.com/technology/javascript/20130708-front-end-performance-optimization-9 |
Website performance blog series | http://www.mykuer.com/post/factors-that-affect-the-speed-of-web-site-open.html |
Loaded, not just a little less | http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201109/41355.shtml |
Front-end performance testing and optimization | http://mzhou.me/article/95310 |
Share some tips for optimizing web page loading speed? | http://www.gbin1.com/technology/html/20130217-tips-for-speed-up-page-loading |
Practice in the page loading optimization | http://www.f2es.com/images-detes-opt |
Web front -end optimization (based on YSLOW | http://www.tcreator.info/webschool/website/front-et-ylow.html |
Website performance optimization tool Daquan | https://www.qianDuan.net/website-performance-optimization-tool.html |
[High -performance front end 1] High -performance HTML | http://www.alloyteam.com/2012/10/high- performance- html |
[High -performance front -end 2] High -performance CSS | http://www.alloyteam.com/2012/10/high- performance-css |
Talk from 12306 to the front -end performance and back -end performance optimization | http://coolshell.cn/articles/6470.html |
Alloyteam -front -end optimization | http://www.alloyteam.com/webfrontend/%E5que |
Chardling in milliseconds, the best practice of front -end web performance | http://www.cnblogs.com/developeersupport/p/3248695.html |
How to use website performance tool YSLOW | http://blog.sina.com.cn/s/blog_6e9d2e07017kvu.html |
Optimization of front -end engineering and performance (above): Static resource version update and cache | http://www.infoq.com/cn/articleS/front-engineering-nd-perFormance-optimization-part1 |
Optimization of front -end engineering and performance (below): Static resource management and template framework | http://www.infoq.com/cn/articleS/front-engineering-nd-perFormance-optimization-part2 |
What happened a few milliseconds in the https connection | http://blog.jobbole.com/48369 |
Yslow | http://UICSS.CN/yslow/#More-12319 |
ESSENTIAL Web Performance Metrics -A Primer, Part 1 | http://blog.smartBear.com/web-performance/ESSENTIAL-Web-Performance-Metrics-A-PRIMER- PART-1 |
ESSENTIAL Web Performance Metrics -Part 2 | http://blog.smartBear.com/PerFormance/essetial-web-Performance-Metrics-part-2 |
Yuislide, optimization of animation performance for mobile devices | http://jayli.github.io/blog/data/2011/12/23/yuislide.html |
Improving site performance | http://joelglovier.com/improving-site-performance |
The best front -end practice to speed up the website | http://segmentfault.com/a/1190000000367899 |
Why website speed is important | http://sixrevisions.com/web-development/why-website-speed-s-importantant |
Need for Speed -How to Improve Your Website Performance | https://www.devbridge.com/articles/need--speed--. |
Ali wireless front -end performance optimization guide (PT.1 loading period optimization | Amfe/Article#1 |
Optimization tools | address |
---|---|
JavaScript Performance Analysis New Tool OneProfile | http://www.html-js.com/article/3083 |
JavaScript Stacking Memory Analysis New Tool Oneheap | http://www.html-js.com/article/3091 |
Online tools | address |
---|---|
Google Online Tool | https://developers.google.com/speed/pageSpeed/insights |
Alibaba | http://www.alibench.com |
Ali-Free Test Service | http://itest.aliyun.com |
Ali-F2etest Multi-browser compatibility test solution | https://github.com/alibaba/f2etest |
JS performance test | http://jsperf.com |
Front-end architecture | address |
---|---|
Technical architecture | http://www.zhihu.com/topic/19612641 |
Front-end architecture | http://saito.im/note/the-achitecture-Of-F2E |
How to become the front -end architect | http://www.zhihu.com/question/24092572 |
About the front-end architecture-Zhang Kejun | http://hikejun.com/sharing/2010webrebuild/?file=fe-nfrastructure.html |
Baidu Tencent offer comparison (Tencent Game VS Baidu Infrastructure) | http://www.zhihu.com/question/25583350 |
Recommended works | address |
---|---|
Winter code fragment requires FQ | https://gist.github.com/wintercn |
FGM | http://www.fgm.cc/learn |
Cen An's Works Collection | https://github.com/hongru/hongru.github.com |
Dangbeit Demo collection | http://kmdjs.github.io |
Mi Airbus JS works | http://www.laoshu133.com/lab |
myFocus | http://koen301.github.io |
Seajs component library | http://panxuepeng.github.io/seajslib |
Yan Hai Mirror works | http://yanhaijing.com/myproject |
Footer.com works | http://jo2.org/category/myworks |
javascript personal work | http://www.cnitblog.com/yemoo/category/3107.html |
Miaowei Lei Dongsheng game works | http://bbs.miaov.com/FORUM.PHP?Mod=ViewThread&TID=7790 |
JavaScript Collection | http://bbs.csdn.net/topics/380227212 |
Cloud five strokes, gray degree generation tool | https://github.com/toobug/works |
Project home page | http://koen301.github.io |
Personal work homepage | http://zaole.net |
player | http://stative.tingall.com/v2/player |
ucren js demos collection | http://ucren.com/blog/demos |
Intelligent Society | http://www.zhinengshe.com/works_list.html |
Example display rack | http://demos.shizuwu.cn |
zoye demo | http://zoye.sinaapp.com/demo |
King | http://lab.yuanwai.wang |
ordinary | http://pingfan1990.sinaapp.com |
jyg game case | http://www.lovewebgames.com |
Many jQuery plug -in | http://www.helloweba.com/list.html |
Unruly Worm-SOJS Works Series | http://www.bujichong.com/sojs/api/index.html |
frozenui | http://frozenui.github.io/case.html |
Reversi | http://js-dame.github.io/othllo |
fromOMONE | http://yansm.github.io/fromone/index.html |
Foreign Daniel Boutique | address |
---|---|
Pazguille | http://pazguille.me |
resume template | address |
---|---|
Good personal resume | http://learnshare.github.io/about/index.html |
CV | http://hcy2367.github.io/resume |
Zhang Lun | http://ncuey.sinaapp.com/crispelite/ |
CV | https://github.com/hacke2/Resumesample |
Weng Tianxin | http://blog.dandyweng.com/2013/07/how-my-website-was-Created |
Animated resume | http://www.webhek.com/misc/interactive-rume |
Licenic component resume | http://www.linqing07.com/resume.html |
Resume pool | http://www.mojianli.com/resume/view |
haorooms blog | http://www.haorooms.com/about |
Justin Young | http://cv.youngdze.com |
Interview questions | address |
---|---|
Those months are looking for a job (Baidu, Netease Games) | http://www.nowcoder.com/discuss/3196 |
2014 latest interview questions | http://www.html-js.com/article/1743 |
2016 school recruitment internal push-Alibaba front-end-three-sided interview experience | http://www.cnblogs.com/imwtr/p/4685546.html |
What happened after the job after the year: LeTV+Kingsoft+360 Interview trip | http://www.cnblogs.com/lvdabao/p/3660707.html |
Ali front -end interview question is online | http://fateSinger.com/2722.html |
Lagou.com js interview questions | http://www.cnblogs.com/52cik/p/js-lg.html |
Front -end interview | http://www.cnblogs.com/allenxing/p/3724382.html |
WEB development written test surface test questions | http://mianshiti.diandian.com |
2014 latest front -end interview questions | https://github.com/markyun/my-dree/master/front-developper- Questions |
Baidu interview | https://github.com/fex-team/interview-zestions |
Interview questions | http://www.w3cfuns.com/forum.php?mod=FORUMDISPLAY &FID=51 &FILTER=Typeid &Typeid=177 |
Pre -end work interview questions | https://github.com/h5bp/front-eveloper-nterView-testions |
5 classic front -end interview questions | http://ourjs.com/detail/5%E4%B8%AAAP 9d%A2%E8%AF%95%E9%97%AE%E9%A2%98 |
How to interview a front -end development engineer? | http://www.html-js.com/article/laarge- search-front-team-column%202961 |
Front -end intern interview summary | http://www.cnblogs.com/xiaoruo/p/4665163.html |
BAT and major Internet companies 2014 front -end written test questions: javascript articles | http://blog.jobbole.com/78738 |
Large -end development interview questions are collected | https://github.com/paddingMe/front-eb-development- interview-tuestion |
The collected front -end interview questions and answers | https://github.com/qiu-deqing/fe- interview |
How to interview front -end engineers | http://www.zhihu.com/question/19568008 |
Front-end development interview questions | https://github.com/markyun/my-blog/blob/master/front-developper-qustions-nd-answers/readme.md |
Niuke.com-Written Test Scripture | http://www.nowcoder.com/discuss?type=2 |
iconfont | address |
---|---|
Chinese font | http://www.zhihu.com/question/21253343 |
Taobao font library | http://iconfont.cn |
font | http://mux.alimama.com/fonts |
Making tutorial | http://iconfont.cn/help/platform.html |
zhangxinxu-ICommon | http://www.zhangxinxu.com/wordpress/?s=icomoon |
iCommon | https://icomoon.io/app |
Draw the icon icon in the webpage with fonts (recommended tutorial | http://imooc.com/learn/243 |
Font compression tool | http://font-dider.org |
Front -end development tool | address |
---|---|
Intellij Idea Simplified Chinese Special Chinese Tutorial | https://github.com/judasn/IntelliJ-IDEA-Tutorial |
Webstorm, intermidea, phpstorm | http://t.cn/8kzz1uy |
SublimeText | https://github.com/jikeytang/sublime-text |
Atom | https://atom.io |
visual studio code | https://code.visualstudio.com |
Fiddler | address |
---|---|
How much is the use of FIDDLER tuning (in -depth research | http://www.cnblogs.com/tugenhu0707/p/4623317.html |
WeChat FIDDLE | http://www.cnblogs.com/strick/p/4570006.html |
WeChat FIDDLE | http://gaoboy.com/article/26.html |
Chrome | address |
---|---|
Google Chrome official | https://developer.chrome.com/devtools |
Chrome -foundation | http://www.cnblogs.com/constantice/p/4565261.html |
Chrome -advanced | http://www.cnblogs.com/constantice/p/4579121.html |
Chrome -performance | http://www.cnblogs.com/constantice/p/4585983.html |
Chrome -advanced performance | http://www.cnblogs.com/constantice/p/4607497.html |
Chrome -mobile | http://www.cnblogs.com/constantice/p/4624241.html |
Chrome -use skills | http://www.cnblogs.com/liyunhu/p/4544738.html |
Chrome -Console console incomplete guide | http://www.cnblogs.com/wayou/p/chrome-console-nd-nd-ricks.html |
Chrome -Workspace turns the browser into IDE | http://c7sky.com/chrome-devtools- workspace.html |
network panel | http://www.html-js.com/article/nothing-blind%202975 |
chrome development tool shortcut key | http://anti-code.com/devtools-cheatsheet |
CHROME debugging tools commonly used functions | http://www.html-js.com/article/2327 |
Chrome development tools workspace use | http://www.iinterest.net/2014/05/09/chrome-dev-tool-workspace |
Chrome artifact vimium shortcut key learning record | http://www.cppblog.com/deercoder/archive/2011/10/22/158886.html |
SASS debug-W3CPlus | http://www.w3cplus.com/sassguide/debug.html |
How to use Chrome developer tools more professional-W3CPlus | http://www.w3cplus.com/tools/how--user-chrome-devtools-like-a-pro.html |
chrome debug Canvas | http://sentsin.com/web/253.html |
Chrome Profiles1 | https://developer.chrome.com/devtools/index |
Chrome Profiles2 | http://h5dev.uc.cn/article-25-1.html |
Chrome Profiles3 | http://www.oschina.net/translate/performance-optimice-with-timeline-profiles |
chrome mobile version debugging | https://developer.chrome.com/devtools/docs/mobile-emulation |
chrome debugging | http://ued.taobao.org/blog/2012/06/Debug-with-Chrome-Dev-Tool |
chrome debugging | http://www.cnblogs.com/qleelulu/archive/2011/08/28/2156402.html |
chrome console command detailed explanation | https://developer.chrome.com/devtools/docs/Commandline- API |
View event binding 1 | http://www.cnblogs.com/leonkao/p/3809655.html |
View event binding 2 | http://www.cnblogs.com/xiaoyao2011/p/3447421.html |
Artifact — CHROME Developer Tools (1 | http://segmentfault.com/a/1190000000683599 |
Introduction | https://xinranliu.me/2015-05-22-qiqu-performance |
15 tips for chrome developer tools | http://frontendev.org/link/15-tips--chrome-developer-html |
Chrome developer tool incomplete guide | http://1ke.co/course/361 |
Chrome developer tool use skills | http://segmentfault.com/a/1190000003882567 |
Firebug | address |
---|---|
Firebug video tutorial | http://www.imooc.com/learn/137 |
Firefox simulator | https://developer.mozilla.org/zh-cn/docs/webide |
console.log command detailed explanation | http://www.cnblogs.com/ctriphire/p/4116207.html |
Firebug entry guide | http://www.ruanyifeng.com/blog/2008/06/firebug_tutorial.html |
Firebug console detailed explanation | http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html |
Mobile, WeChat debugging | address |
---|---|
Browser -end trial Android | https://opeenstf.github.io |
Development and debugging of the front end of the mobile terminal | http://yujiangshui.com/multidevice-frontend-debug |
Use chrome remote debugging Android device | https://github.com/yujiangshui/cn-chrome-devtools/blob/remote-debugging/md/use-tools/remote-debugging.md |
MAC mobile terminal debugging | http://plus.uc.cn/document/webapp/doc5.html |
MAC mobile terminal debugging | http://www.mihtool.com |
Wireless debugging strategy | http://thx.github.io/mobile/debugging-in-dile |
Wireless debugging strategy | http://yanhaijing.com/mobile/2014/12/17/webug-for-mobile |
The 试 is exploded, the perfect debug WeChat webview (x5 | http://www.jianshu.com/p/ccf124F1F74B |
Those things about WeChat debugging | http://liyaodong.com/2015/07/06/%E5%BE%AEzhiE4%BF%A1%E8%B0%8%E8%AF%959a%84%E9%82%A3 %E4%ba%9b%e4%ba%8b |
Remote Console | http://jsconsole.com |
WeChat debugging tool | http://blog.qqbrowser.cc |
Summary of various real machine remote debugging methods | https://github.com/jieyou/remote_inspect_web_oreal_device |
iOS SIMULATOR | address |
---|---|
Simulator | https://developer.apple.com/library/ios/documentation/Ides/Conceptual/ios_simulator_guide/intrody.html |
Introduction and use of iOS Simulator in XCode | http://www.crifan.com/intro_ios_simulator_in_xcode_and_usage_summary |
img | address |
---|---|
loading img | http://preloaders.net/en/circular |
Zhitu-Picture Optimization Platform | http://zhitu.isux.us |
Online PNG optimization | https://tinypng.com |
Generate QR code | address |
---|---|
Generate QR code | http://cli.im |
Browser synchronization | address |
---|---|
puer | https://github.com/leeluolee/puer |
liveReeload | http://liverLoad.com |
f5 | http://getf5.com |
File watchrs | http://geek100.com/2608 |
Online PPT production | address |
---|---|
nodeppt | http://js8.in/2013/11/16/%E6%8E%A8%E8%8D%90NODEPPT%EF%BC%9AP %94%A8Markdown%E8%AF%AD%E6%95%E6%9d%A5%E5%99%E7%BD%E9%E9%A1%B5ppt |
PPT | https://github.com/ksky521/Nodeppt |
reveal | https://github.com/hakimel/reveal.js |
slippy | https://github.com/seeldaek/slippy |
Front -end navigation website | address |
---|---|
The front -end navigation with a refreshing interface | http://uxbees.com/index.html |
Front -end navigation | http://whycss.com |
Front-end URL navigation | http://www.daqianduan.com/nav |
Front -end list | http://sentsin.com/daohang |
Front -end navigation | http://123.jser.us |
Front -end development resources | http://www.css88.com/nav |
Website navigation | http://www.haourl.cn |
Foreer-end development warehouse-collection of many effects | http://code.ciaoca.com |
Front -end resource navigation | https://github.com/jnoodle/f2e-collect |
F2E front -end navigation | http://f2e.im/stative/pages/nav/index.html |
Common CDN | address |
---|---|
Sina CDN | http://lib.sinaapp.com |
Baidu Static Resource Public Library | http://cdn.code.baidu.com |
360 website Guardian commonly uses front -end public library CDN service | http://libs.useso.com |
Bootstrap Chinese Network Open Source Project Free CDN Service | http://www.bootcdn.cn |
Open Static File CDN -Qi Niu | http://stativefile.org |
CDN Acceleration-JQ22 | http://www.jq22.com/cdn |
jquery cdn | http://code.jquery.com |
Google jquery CDN | http://www.google-jquery-cdn.com |
Microsoft CDN | http://www.asp.net/ajax/cdn |
Git | address |
---|---|
git-SCM | http://git-scm.com |
Liao Xuefeng-Git tutorial | http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578B8067C8C017B000 |
git-for-windows | https://git-For-windows.github.io |
Github add ssh keys | http://daemon369.github.io/git/2015/03/10/Add-SSH- Keys-For- Github |
gogithub | http://www.worldhello.net/gotgithub/index.html |
Git conventional command exercise | http://pcottle.github.io/learngitbrance |
Git's information finishing | https://github.com/xirong/my-git |
The git command I recorded (very practical) | http://www.cnblogs.com/fanfan259/p/4810517.html |
Enterprise development GIT workflow mode exploration part of the rest | https://github.com/xirong/my-git/blob/master/git- workflow-Terial.md |
Github roaming guide | https://github.com/phodal/github-laam |
Github cheats | https://github.com/tiimgreen/github-cheat-sheet/blob/master/readme.zh-md |
Use git and github for a collaborative development process | http://livoras.com/post/28 |
Animation method practice git | http://onlyWei.github.io/explain-git-with-d3 |
Excellent JavaScript project | address |
---|---|
Angular and webpack seed files | https://github.com/angularclass/angular2-webpack-starter |
FIS3 -oriented engineering construction system | https://github.com/fex-team/fis3 |
FIS3 DEMO | https://github.com/fex-team/fis3-demo |
Front -end jquery series: source code analysis | https://github.com/jsaaron/jquery |
avalon framework | https://github.com/rubylouvre/avalon |
Microsoft ChakraCore Microsoft's Chakra engine | https://github.com/mitrosoft/chakracore |
Quintus html game engine | https://github.com/cykod/quintus |
An interesting blog built with node.js | https://github.com/strml/strml.net |
Web front-end assistant-Fehelper (chrome extension) | https://github.com/zxlie/fehelper |
Baidu front -end technical college | https://github.com/baidu-Ife/ife/ife |
Cheerio (jQuery in node.js) | https://github.com/cheeriojs/cheerio |
Nodejs's chat software is similar to WeChat | https://github.com/bryanyang/freechat |
Netease Cloud Music built with html5 and node.js | https://github.com/stkevintan/cube |
Babel ES6 converts to ES5 | https://github.com/babel/babel |
A JS rich text editor | https://github.com/fex-team/ueditor |
A JS brain diagram visualization tool | https://github.com/fex-team/kityminder-core |
A Flappy Bird Game written by JS | https://github.com/ellisonleao/clumsy-bird |
A GBA simulator written by a JS | https://github.com/taisl/iodinegba |
Markdown parser written by Segmentfault | https://github.com/segmentfault/hyperdown.js |
Ghost blog based on node.js | https://github.com/tryghost/ghost |
Learn the demos of React | https://github.com/ruanyf/react-demos |