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 |