A few days ago, I got a recommendation (front-end-tutorial) from @Zhang Xinxu’s microblog, known as the most complete resource tutorial – all the knowledge system involved in the Front end; A cursory inspection, as expected, “amazing”, at least more than imagined dabbling a lot; Fork (Front-end-tutorial); This has collection & share desire, this kind of thing also wanted to do early, kan Sigh insight is not wide and deep; I am fortunate to have this conscience gathered, to borrow another’s cup, to pour my long-cherished wish block. After all, human collection has not reached an impossible level, there are still many points that can be added; Therefore, I will add and delete some content as appropriate on my blog. On one hand, I will be the source of my own investigation and exploration, and on the other hand, I will share it with more friends. Good articles and tools are often hidden in corners and corners. Please share with us.
Most complete front-end resource collection
Thank you statement: just know this conscience classification list, largely thanks to: JS front-end development group rules – 492107297; Its online Github address is t.cn/RL2NtqX. This 492107297 is the QQ group number of Vuejs sharing learning. The atmosphere is very good and very rare. This list has been approved by its group owner @ haoqing, will be modified on this basis. You can also move JS front-end development group rules – 492107297: this is stored in the cloud, classification is clear, but also in continuous update. (Updated on April 19, 2016).
Note 1: If you feel that the layout here is not as you would like, please go to “cite” the most comprehensive front-end resources collection view (here can not easily add the article catalog, light sorrow song).
Note 2: As for the title of the article, mm-hmm, the most complete? “Ha ha”, frankly speaking, what is the “most” perceived by human beings? If you really think there is, most of the accumulated knowledge is too little. So named, the good sense is to place the constant improvement of the mind. Will continue to increase and decrease in the “lead” the most comprehensive front-end resource collection update.
comprehensive
| comprehensive | address |
|---|---|
| Front-end knowledge system | www.cnblogs.com/sb19871023/… |
| Front-end knowledge structure | Github.com/JacksonTian… |
| Overview of Web front-end development | Github.com/unruledboy/… |
| Overview of Web Front-end development – Chinese version | www.cnblogs.com/unruledboy/… |
| Web Front end – Stack v2.2 | Web Front end – Stack v2.2 |
| Free index of programming Chinese books | Github.com/justjavac/f… |
| The front-end books | Github.com/dypsilon/fr… |
| Front-end free book collection | Github.com/vhf/free-pr… |
| Front-end knowledge system | www.cnblogs.com/sb19871023/… |
| Free index of programming Chinese books | Github.com/justjavac/f… |
| Smart Club – Proficient in JavaScript development | Study.163.com/course/intr… |
| Reintroducing JavaScript (JS Tutorial) | Developer.mozilla.org/zh-CN/docs/… |
| MIT Open Course: Introduction to Computer Science and Programming | V.163.com/special/ope… |
| The most comprehensive collection of this traps in JavaScript — none | Segmentfault.com/a/119000000… |
| JS functional programming guide | Llh911001. Gitbooks. IO/mostly – at… |
| JavaScript Promise Mini-Book (Chinese version) | Liubin. Making. IO/promises – bo… |
| Tencent Mobile Web front-end knowledge base | Github.com/AlloyTeam/M… |
| Front-end – develop-guide Provides a Guide for developing Front- ends | Github.com/Front-End-D… |
| Front-end development notebook | Li – xinyang. Gitbooks. IO/frontend – no… |
| Big front-end toolset – Nie Weidong | Github.com/nieweidong/… |
| Front-end Developer manual | DWQS. Gitbooks. IO/frontenddev… |
Into the category of
| Into the category of | address |
|---|---|
| Front End Introduction | www.cnblogs.com/jikey/p/361… |
| Nodpeak Javascript tutorial | www.liaoxuefeng.com/wiki/001434… |
| JQuery Tutorial | www.imooc.com/view/11 |
| Essential PS skills for front – end engineers – Map cutting | www.imooc.com/view/506 |
| A front-end approach combining personal experience summaries | Github.com/qiu-deqing/… |
Utility class
| Utility class | address |
|---|---|
| Front end people’s club | f2er.club/That would free up your favorites |
| How to use Sublime Text elegantly | www.jeffjade.com/2015/12/15/… |
| A guide to the use of Atom, a new coding artifact | www.jeffjade.com/2016/03/03/… |
| CSS Sprite design | www.imooc.com/learn/93 |
| Getting started with Version Control – Moving to Github | www.imooc.com/learn/390 |
| Grunt- Beginner front-end automation tool | www.imooc.com/learn/30 |
| IntelliJ IDEA in Simplified Chinese | Github.com/judasn/Inte… |
| Webstorm,InterllIdea,Phpstorm | t.cn/8kZZ1Uy |
| SublimeText | Github.com/jikeytang/s… |
| Atom | atom.io |
| visual studio code | code.visualstudio.com |
Comprehensive effect search platform
| Comprehensive effect search platform | address |
|---|---|
| zoommyapp.com | zoommyapp.com/High quality gallery |
| unsplash.com | unsplash.com/High quality gallery |
| www.pinterest.com | www.pinterest.com/gallery |
| New Old Stock | nos.twnsnd.coRetro style gallery |
| Effect of the net | www.jq22.com |
| Petals net | huaban.com/ |
| A beautiful figure | www.topit.me/ |
| codepen | codepen.io/ |
| 17 material | www.17sucai.com |
| Taken figure net | 699pic.com/ |
| Common snippets of JavaScript code | microjs.com |
Weekly class
| Weekly class | address |
|---|---|
| Strange dance weekly | old.75team.com/weekly/ |
| Code farmers weekly | weekly.manong.io |
| JS front-end development group monthly report | www.kancloud.cn/jsfront/mon… |
| WEB Front-end development | www.css88.com |
| A JS tip per day! | www.jstips.co |
| Ping an Technology Mobile development team 2 technology weekly | Github.com/PaicHyperio… |
Development center
| Development center | address |
|---|---|
| Mozilla js reference | Developer.mozilla.org/zh-CN/docs/… |
| Chrome Development Center (Chrome kernel has moved to Blink) | Developer.chrome.com/extensions/… |
| Safari Development Center | Developer.apple.com/library/saf… |
| Microsoft js reference | Msdn.microsoft.com/zh-cn/libra… |
| Js Secret Garden | Sanshi. Me/articles/Ja… |
| Js Secret Garden | Bonsaiden. Making. IO/JavaScript -… |
| w3help | www.w3help.orgIntegrated Bug collection site |
Nodejs
| Nodejs | address |
|---|---|
| Nodejs is huge | liuqing.pw |
| Node.js is all about teaching, not learning | Github.com/alsotang/no… |
| It’s a little short | www.rainweb.cn/article/cat… |
| Getting started with Node Express | www.w3cfuns.com/article-559… |
| Nodejs scheduled task | My.oschina.net/u/568264/bl… |
| A NodeJS blog | 60sky.com |
| A press release system | www.cnblogs.com/yexiaochai/… |
| New Year 7 tianle, learning NodeJS is also happy | www.cnblogs.com/qqloving/p/… |
| Learn NodeJS in seven days | Github.com/nqdeng/7-da… |
| Nodejs Learning Note (2) – The event module | www.cnblogs.com/zhongweiv/p… |
| Introduction to nodejs | www.cnblogs.com/liusuqi/p/3… |
| angularjs nodejs | github.com/zensh/jsgen |
| Nodejs series of articles from Scratch | Blog. Fens holds. Me/series – node… |
| Understand nodejs | Debuggable.com/posts/under… |
| Nodejs event polling | Blog.mixu.net/2011/02/01/… |
| Introduction to the node | www.nodebeginner.org/index-zh-cn… |
| nodejs cms | Ourjs.com/detail/53e1… |
| Node for Beginners, a comprehensive NodeJS tutorial | Ourjs.com/detail/529c… |
| NodeJS code debugging and performance tuning | www.barretlee.com/blog/2015/1… |
Comprehensive API
| Comprehensive API | address |
|---|---|
| javascripting | www.javascripting.com |
| Various popular library search | microjs.com |
| Runoob.com – contains a collection of various apis | www.runoob.com |
| Open Source China online API documentation collection | tool.oschina.net/apidocs |
| devdocs | devdocs.ioEnglish comprehensive API website |
Ecmascript
| Ecmascript | address |
|---|---|
| Understanding ECMAScript 6 – Nicholas C. Zakas | Leanpub.com/understandi… |
| exploring-es6 | Leanpub.com/exploring-e… |
| Exploring – es6 translation | Github.com/es6-org/exp… |
| Exploring – ES6 preview after translation | Es6 – org. Making. IO/exploring – e… |
| Nguyen other es6 | es6.ruanyifeng.com |
| Nguyen other Javascript | javascript.ruanyifeng.com |
| Ecma-262, 5th edition | yanhaijing.com/es5 |
| es5 | es5.github.io |
Js template
| Js template | address |
|---|---|
| template-chooser | Garann. Making. IO/template – ch… |
| artTemplate | Github.com/aui/artTemp… |
| tomdjs | Github.com/aui/tmodjs/… |
| Taobao template Juicer template | Juicer. Name/docs/docs_z… |
| Fxtpl V1.0 Star front end template engine | koen301.github.io/fxtpl |
| laytpl | laytpl.layui.com |
| mozilla – nunjucks | Github.com/mozilla/nun… |
| Juicer | Github.com/PaulGuo/Jui… |
| dustjs | akdubya.github.io/dustjs |
| etpl | ecomfe.github.io/etpl |
CSS
| CSS | address |
|---|---|
| CSS Syntax Reference | Tympanus.net/codrops/css… |
| CSS3 Animation manual | Isux.tencent.com/css3/index…. |
| Tencent CSS3 animation tools | Isux.tencent.com/css3/tools…. |
| Zhiye CSS gadget collection | linxz.github.io/tianyizone |
| Css3 JS mobile hodgepodge | www.note12.com/category/bl… |
| Touch the library bouncejs | bouncejs.com |
| Css3 button animation | fian.my.id/Waves |
| animate.css | daneden.github.io/animate.css |
| The end of global CSS | www.alloyteam.com/2015/10/853… |
| browserhacks | browserhacks.com |
Angularjs
| Angularjs | address |
|---|---|
| Some learning resources for angular.js | Github.com/dolymood/An… |
| Angularjs Chinese community | angularjs.cn |
| Angularjs source code learning | www.cnblogs.com/xuwenmin888… |
| Angularjs source code learning | www.ifeenan.com/?c=AngularJ… |
| Angular encapsulates bootstrap | angular-ui.github.io/bootstrap |
| angularjs + nodejs | Cnodejs.org/topic/51404… |
| Lydda leopard Angularjs | www.cnblogs.com/lvdabao/tag… |
| AngularJS Best practices | www.infoq.com/cn/news/201… |
| Angular extension directives | www.lovelucy.info/angularjs-b… |
| Angular data binding principles | Github.com/Pasvaz/bind… |
| Some extension Angular UI components | github.com/angular-ui |
| Ember and AngularJS performance tests | Voidcanvas.com/emberjs-vs-… |
| Take you to AngularJS – Basic features introduction | www.cnblogs.com/powertoolst… |
| Angularjs Development Guide | angular.duapp.com/docs/guide |
| Angularjs learning | www.cnblogs.com/amosli/p/37… |
| Don’t learn AngularJS with jQuery in mind | www.rainweb.cn/article/ang… |
| Angularjs learning Notes | Wangjiatao.diandian.com/?tag=angula… |
| Angularjs Development Guide | www.angularjs.cn/T008 |
| Angularjs English materials | Github.com/jmcunningha… |
| angular bootstrap | angular-ui.github.io/bootstrap |
| angular jq mobile | Github.com/opitzconsul… |
| angular ui | Mgcrea. Making. IO/presents – STR… |
| Integrating jQuery Mobile+AngularJS | www.tuicool.com/articles/7Z… |
| How to use AngularJS programming ideas with jQuery background | blog.jobbole.com/46589/ |
| AngularJS online tutorial | each.sinaapp.com/angular |
| Angular Learning Notes | www.zouyesheng.com/angular.htm… |
React
| React | address |
|---|---|
| React. Js Chinese forum | www.react-china.org |
| React. Js official website | Facebook. Making. IO/react/index… |
| React. js official documentation | Facebook. Making. IO/react/docs /… |
| react.js material UI | material-ui.com/# |
| react.js TouchstoneJS UI | touchstonejs.io |
| react.js amazeui UI | amazeui.org/react |
| React by Ruan Yifeng | www.ruanyifeng.com/blog/2015/0… |
| React Native | Wiki.jikexueyuan.com/project/rea… |
| Webpack and React little book – Front End stew | www.html-js.com/article/Fak… |
| Webpack and React – Gitbook | Fakefish. Making. IO/react – webpa… |
| webpack | Github.com/webpack/web… |
| Webpack, 101 Beginner experience | Html-js.com/article/300… |
| Webpack introductory tutorial | Html-js.com/article/311… |
| Exploration of building front-end engineering solutions based on Webpack | Segmentfault.com/a/119000000… |
| React React | www.piliyu.com |
vue
| vue | address |
|---|---|
| Vue | cn.vuejs.org |
| Vue BBS | forum.vuejs.org |
| Vue Getting started Guide | www.cnblogs.com/aaronjs/p/3… |
| Vue index of some resources | Segmentfault.com/a/119000000… |
| awesome-vue | Github.com/vuejs/aweso… |
Mobile client API
| Mobile client API | address |
|---|---|
| 99 Mobile terminal knowledge set | Github.com/jtyjty99999… |
| Mobile front-end development knowledge base | Github.com/AlloyTeam/M… |
| Some potholes and solutions to move the front end (appearance) | Caibaojian.com/mobile-web-… |
| [original] Mobile Web resource collation | www.cnblogs.com/PeunZhang/p… |
| Zepto 1.0 Chinese manual | mweb.baidu.com/zeptoapi |
| Zepto 1.0 Chinese manual | www.html-5.cn/Manual/Zept… |
| Zepto 1.1.2 | www.css88.com/doc/zeptojs… |
| Zepto Chinese annotation | www.cnblogs.com/sky000/arch… |
| Jqmobile manual | app-framework-software.intel.com/api.php |
| Mobile browser development collection | Github.com/maxzhang/ma… |
| Mobile development hodgepodge | Github.com/hoosin/mobi… |
jQuery
| jQuery | address |
|---|---|
| JQuery API Documentation in Chinese | www.jquery123.com |
| Hemin online | hemin.cn/jq |
| css88 jq api | www.css88.com/jqapi-1.9/o… |
| css88 jqui api | www.css88.com/jquery-ui-a… |
| Learning jquery | learn.jquery.com |
| Jquery source code | james.padolsey.com/jquery |
D3
| D3 | address |
|---|---|
| d3 Tutorials | Github.com/mbostock/d3… |
| Gallery | Github.com/mbostock/d3… |
| lofter | Datavisual.lofter.com/post/40cf3a… |
| iteye | Alanland.iteye.com/blog/187859… |
| ruanyifeng | Javascript.ruanyifeng.com/library/d3…. |
Requriejs
| Requriejs | address |
|---|---|
| Javascript modular programming (I) : module writing | www.ruanyifeng.com/blog/2012/1… |
| Javascript modular programming (II) : AMD specification | www.ruanyifeng.com/blog/2012/1… |
| Javascript modular programming (iii) : require.js usage | www.ruanyifeng.com/blog/2012/1… |
| RequireJS Introduction (1) | www.cnblogs.com/snandy/arch… |
| RequireJS Introduction (2) | www.cnblogs.com/snandy/arch… |
| RequireJS Advanced (3) | www.cnblogs.com/snandy/arch… |
| Requrie source code learning | www.cnblogs.com/yexiaochai/… |
| Getting started with Requrie | www.oschina.net/translate/g… |
| RequrieJS study notes | www.cnblogs.com/yexiaochai/… |
| Requriejs one | Cyj. Me/according to – seajs/r… |
| The require backbone combined | www.cnblogs.com/yexiaochai/… |
Seajs
| Seajs | address |
|---|---|
| seajs | seajs.org |
| Seajs Chinese Manual | Cyj. Me/according to seajs/z… |
Less,sass
| Less,sass | address |
|---|---|
| sass | www.w3cplus.com/sassguide |
| Sass Tutorial – SASS China | www.sass.hk |
| Sass Chinese document | sass.bootcss.com |
| less | less.bootcss.com |
Markdown
| Markdown | address |
|---|---|
| Markdown Syntax description (Simplified Chinese version | wowubuntu.com/markdown |
| Markdown entry reference | Github.com/LearnShare/… |
| gitbook | www.gitbook.comForeign online Markdown can be edited into a book |
| mdeditor | www.zybuluo.com/mdeditorA domestic online Markdown editor |
| stackedit | stackedit.ioForeign online Markdown editor, powerful, synchronous cloud disk |
| mditor | bh-lay.github.io/mditorA lightweight Markdown editor |
| lepture-editor | Github.com/lepture/edi… |
| markdown-editor | Github.com/jbt/markdow… |
| Homework tribe | www.zybuluo.comPowerful function, smooth speed, full platform synchronization |
compatibility
| compatibility | address |
|---|---|
| Esma compatibility list | Kangax. Making. IO/compat – tabl… |
| W3C CSS validation service | Jigsaw.w3.org/css-validat… |
| caniuse | caniuse.com/#index |
| csscreator | csscreator.com/properties |
| microsoft | Msdn.microsoft.com/zh-cn/libra… |
| Online test compatibility – mobile | www.responsinator.com |
| emulators | www.manymo.com/emulators |
The UI related
| The UI related | address |
|---|---|
| bootcss | v3.bootcss.com |
| MetroUICSS | www.w3cplus.com/MetroUICSS |
| semantic | semantic-ui.com |
| Buttons | alexwolfe.github.io/Buttons |
| kitecss | hiloki.github.io/kitecss |
| pintuer | www.pintuer.com |
| amazeui | amazeui.org |
| worldhello | www.worldhello.net/gotgithub/i… |
| linuxtoy | Igit.linuxtoy.org/contents.ht… |
| gitmagic | Www-cs-students.stanford.edu/~blynn/gitm… |
| rogerdudler | Rogerdudler. Making. IO/git – guide/I… |
| gitref | gitref.justjavac.com |
| book | git-scm.com/book/zh |
| gogojimmy | Gogojimmy.net/2012/01/17/… |
Other API
| Other API | address |
|---|---|
| HTTP API design Guide | Segmentfault.com/bookmark/12… |
| Summary of popular javascript libraries | javascriptoo |
| Validation of the API | Niceue.com/validator/d… |
| Underscore Chinese Handbook | www.css88.com/doc/undersc… |
| Underscore source code analysis | www.html-js.com/article/Und… |
| Underscore source Code analysis – Alex Judd’s blog | Yalishizhude. Making. IO/tags/unders… |
| underscrejs en api | underscorejs.org |
| An alternative to Lodash-underscore | lodash.com |
| ext4api | extjs-doc-cn.github.io/ext4api |
| Backbone Chinese Handbook | www.csser.com/tools/backb… |
| Qwrap manual | Dev.qwrap.com/resource/js… |
| Slow function | easings.net/zh-cn |
| SVG Chinese Reference | www.w3school.com.cn/svg/svg_ref… |
| SVG MDN reference | Developer.mozilla.org/en-US/docs/… |
| SVG export canvas | Github.com/gabelerner/… |
| SVG export PNG | Github.com/exupero/sav… |
| ai-to-svg | www.zamzar.com/convert/ai-… |
| LocalStorage library | Github.com/machao/loca… |
The chart type
| The chart type | address |
|---|---|
| Highcharts Chinese API | www.hcharts.cn/api/index.p… |
| Highcharts API in English | api.highcharts.com/highcharts |
| ECharts Baidu chart software | echarts.baidu.com/ |
| Scott map | lbs.amap.com/api |
| Open source vector graph scripting framework | paperjs.org |
| SVG map | jvectormap.com |
regular
| regular | address |
|---|---|
| JS regular expression metacharacter | Segmentfault.com/a/119000000… |
| Regular expressions tutorial in 30 minutes | Deerchao.net/tutorials/r… |
| MDN- Regular expression | Developer.mozilla.org/zh-CN/docs/… |
| Ruanyifeng – RegExp object | Javascript.ruanyifeng.com/stdlib/rege… |
| Moustache – Advanced regular expression | div.io/topic/764? P… |
| is.js | Github.com/Cedriking/i… |
| Regular online test | regexper.com |
The front end
| The front end | address |
|---|---|
| Engineers’ code writing habits were summarized by analyzing the Github code base | alloyteam.github.io/CodeGuide |
| HTML&CSS coding specification by@mDO | codeguide.bootcss.com |
| Team collaboration CSS naming specification – Tencent AlloyTeam front-end team | www.alloyteam.com/2011/10/css… |
| Front-end coding specification jS-by Yuwenhui | yuwenhui.github.io |
| Front-end coding specification jS-by Li Jing | www.cnblogs.com/hustskyking… |
| Front end development specification manual | Zhibimo.com/read/Ashu/f… |
| Airbnb JavaScript Coding Specification (Simplified Chinese Version) | Github.com/yuche/javas… |
| Differences between AMD and CMD specifications | www.zhihu.com/question/20… |
| Differences between AMD and CMD specifications | www.cnblogs.com/tugenhua070… |
| KISSY source code specification | Docs.kissyui.com/1.4/docs/ht… |
| Bt code specification | codeguide.bootcss.com |
| Specification enhanced version | Github.com/Suxiaogang/… |
| Front-end code specifications and best practices | blog.jobbole.com/79075 |
| Baidu front End Specification | Coderlmn. Making. IO/code – standa… |
| Baidu front End Specification | Isobar – idev. Making. IO/code – standa… |
| Baidu front End Specification | Zhuanlan.zhihu.com/fuyun/19884… |
| ECMAScript6 coding specification – GDB Securities front End team | Github.com/gf-rd/es6-c… |
| JavaScript Style Guide/Coding Specification (Airbnb) | blog.jobbole.com/79484 |
| NetEase front-end development specifications | nec.netease.com/standard |
| CSS module | www.75team.com/archives/10… |
| List of front-end specification resources | github.com/ecomfe/spec |
PHP
| PHP | address |
|---|---|
| The most popular PHP code specification | Segmentfault.com/a/119000000… |
| The most popular PHP code specification | Github.com/hfcorriez/f… |
Open source projects of major companies
| Open source projects of major companies | address |
|---|---|
| Facebook Projects | Code.facebook.com/projects/we… |
| Baidu Web Front End R&D Department | fex.baidu.com |
| Baidu EFE | efe.baidu.com |
| Baidu making | github.com/fex-team |
| alloyteam | www.alloyteam.com |
| alloyteam-github | alloyteam.github.io |
| alloyteam-AlloyGameEngine | Github.com/AlloyTeam/A… |
| AlloyDesigner | Alloyteam. Making. IO/AlloyDesign…Instant modification, instant save, design draft more correct, other development AIDS |
| Introduction to H5 interactive page editor AEditor | www.alloyteam.com/2015/06/h5-…H5 animation interactive page development tool introduction |
| AEditor | aeditor.alloyteam.comH5 animation interactive page development tools |
| maka | forum.maka.im/wordpress |
| Weekly worth subscribing to | Github.com/fenbility/w… |
| Tencent HTML 5 | cube.qq.com |
| Strange dance group open source project | 75team.github.io |
| Qunar UED | ued.qunar.com |
| Scrat | scrat.io |
The commonly used
| The commonly used | address |
|---|---|
| IeBetter. Js – Let IE6-IE8 have IE9+,Chrome and other browser features | www.zhangxinxu.com/wordpress/2… |
| Simulation of the keyboard | mottie.github.io/Keyboard |
| pinyin | Github.com/hotoo/pinyi… |
| Chinese personal ID number verification | Github.com/mc-zone/IDV… |
algorithm
| algorithm | address |
|---|---|
| Data structures and algorithms described in JavaScript. Chapter practice | Github.com/Ralph-Wang/… |
| Common Sorting Algorithms (JS version) | Github.com/twobin/twob… |
| Classic sorting | Github.com/luofei2011/… |
| Common sorting algorithm – JS version | Github.com/hechangmin/… |
| A collection of JavaScript algorithms and data structures | Github.com/lightningtg… |
| Interviews often test algorithmic questions in detail | www.nowcoder.com/live/course… |
The mobile terminal
| The mobile terminal | address |
|---|---|
| fastclick | Github.com/ftlabs/fast… |
| no-click-delay | Github.com/mmastrac/jq… |
| [Agile Development] Android team development specification | www.cnblogs.com/lcw/p/36191… |
| Android development specifications and applications | www.jianshu.com/p/4390f4fe1… |
| ionic | Github.com/ychow/ionic… |
JSON
| JSON | address |
|---|---|
| Simulate JSON data generation | beta.json-generator.com |
| Returns the cross-domain JSONAPI | jsonp.afeld.me |
Focus figure
| Focus figure | address |
|---|---|
| myfocus | Github.com/koen301/myf… |
| Myfocus – Official demo site | www.chhua.com/myfocus |
| SuperSlidev2.1 — bluster chairman | www.superslide2.com |
| soChange | www.bujichong.com/sojs/soChan… |
Ext, EasyUI, J-UI and other various UI solutions
| Ext, EasyUI, J-UI and other various UI solutions | address | |
|---|---|---|
| extjs | www.sencha.com/products/ex… | |
| Corruption in the API | docs.sencha.com/extjs/4.0.7 | |
| Corruption in Chinese API | extjs-doc-cn.github.io/ext4api | |
| Jquery Easyui uncompressed source code | Jquery-easyui.googlecode.com/svn/trunk/s… | |
| J-UI | jui.org | |
| MUI- A high-performance front-end framework that is the closest thing to a native APP experience | dcloudio.github.io/mui | |
| Amaze UI | China’s first open source HTML5 cross-screen front-end framework | amazeui.org |
| Taobao HTML5 front-end framework | m.sui.taobao.org | |
| Kissy-ali front-end JavaScript library | docs.kissyui.com | |
| NetEase Nej – Nice Easy Javascript | nej.netease.com | |
| Kendo UI MVVM Demo | Demos.telerik.com/kendo-ui/mv… | |
| Bootstrap | www.bootcss.com | |
| Smart UI | smartui.chinamzz.com | |
| Yahoo UI – CSS UI | developer.yahoo.com/yui/grids |
Page social sharing function
| Page social sharing function | address |
|---|---|
| Baidu’s share | share.baidu.comPC |
| JiaThis | jiathis.comPC |
| Social Sharing components | developer.baidu.com/soc/shareThe mobile terminal |
| ShareSDK makes social functionality easy | www.mob.com/#/indexThe mobile terminal |
| Friends share au | Dev.umeng.com/social/andr…The mobile terminal |
Rich text editor
| Rich text editor | address |
|---|---|
| Fully functional Tinymce | www.tinymce.com |
| Baidu ueditor | ueditor.baidu.com/website |
| The classic ckeditor | ckeditor.com |
| The classic kindeditor | kindeditor.net |
| wysiwyg | www.bootcss.com/p/bootstrap… |
| An editor with feelings. Bach’s Editor | integ.github.io/BachEditor |
| Editor used by Tower | Github.com/mycolorway/… |
| Summernote editor | Github.com/summernote/… |
| HTML editor | neilj.github.io/Squire |
| XEditor | lab.hustlzp.com/XEditor |
| wangEditor | Github.com/wangfupeng1… |
Summary of the front-end
| Summary of the front-end | address |
|---|---|
| Front-end Tools | www.awesomes.cn |
| What is front-end engineering | Github.com/fouber/blog… |
Gulp
| Gulp | address |
|---|---|
| Gulp website | gulpjs.com |
| Gulp Chinese website | www.gulpjs.com.cn |
| Gulp data collection | Github.com/Platform-CU… |
| Gulp: Ruanyifeng task automatic management tool | Javascript.ruanyifeng.com/tool/gulp.h… |
| Gulp plug-in | gulpjs.com/plugins |
| Gulp explores the Road to Torment (I) | www.jeffjade.com/2015/11/25/… |
| The Gulp Road (II) | www.jeffjade.com/2016/01/19/… |
| Gulp partial tutorial | www.ido321.com/1622.html |
| Why gulp? | Github.com/hjzheng/CUF… |
| Gulp installation and integration of front-end development with component construction | www.dbpoo.com/getting-sta… |
| Getting started with Gulp | Github.com/nimojs/gulp… |
| Gulp Tutorial – Nimojs | Github.com/nimojs/blog… |
| Gulp in Action | www.imooc.com/video/5692 |
| Gulp Development Tutorial (translation) | www.w3ctech.com/topic/134 |
| Introduction and skills of using gulpJS | www.cnblogs.com/2050/p/4198… |
Grunt
| Grunt | address |
|---|---|
| gruntjs | gruntjs.com |
| Grunt Chinese website | www.gruntjs.net |
Fis
| Fis | address |
|---|---|
| Fis website | Fex – team. Making. IO/fis – site/in… |
| fis | fis.baidu.com |
PC round figure
| PC round figure | address |
|---|---|
| Single-screen round-robin sochange | www.jsfoot.com/jquery/demo… |
| Left and right buttons for multi-picture switching | Bxslider.com/examples/ca… |
| Fullpage Full screen rotation | Github.com/alvarotrigo… |
Mobile terminal diagram wheel
| Mobile terminal diagram wheel | address |
|---|---|
| Seamless switching | www.swipejs.com |
| Sliding screen effect | www.idangero.us/swiper |
| Full screen fullpage | Github.com/peunzhang/f… |
| Single picture switching | Github.com/qiqiboy/tou… |
| Single full screen switch | Github.com/peunzhang/s… |
| Baidu switch library | Touch.code.baidu.com/examples.ht… |
| Single full screen switch | Github.com/peunzhang/i… |
| Sliding screen effect | Github.com/saw/touch-i… |
| Drag and rotate Settings | Baijs.com/tinycircles… |
| Similar to swipe switching | touchslider.com |
| Supports multiple forms of touch sliding | www.swiper.com.cn/demo/index…. |
| Sliding screen effect | Github.com/joker-ye/ma… |
| Big talk chairman PC moving picture rotation | www.superslide2.com |
| Sliding screen effect | Github.com/hahnzhu/par… |
| Fullpage based on Zepto | Github.com/yanhaijing/… |
| [WebApp] Under fixed-width web design, WebApp is developed with fixed-width layout and adaptive WebApp layout is realized under multi-terminal | www.cnblogs.com/plums/archi… |
| Judge the pit of wechat client | Loo2k.com/blog/detect… |
| Native sharing tools can be called directly from javascript | Github.com/JefferyWang… |
| JiaThis shared the code on wechat | www.jiathis.com/help/html/w… |
| Talk about the various technologies for cross-platform mobile development | Fex.baidu.com/blog/2015/0… |
| Front end automated testing | www.zhihu.com/question/29… |
| Multiple rotation images | ajccom.github.io/niceslider |
| Slide the sidebar | mango.github.io/slideout |
File upload
| File upload | address |
|---|---|
| Baidu Upload Component | fex.baidu.com/webuploader |
| upload | Blueimp. Making. IO/jQuery – the File… |
| Flash Profile picture Upload | www.hdfu.net |
| Image upload preview | www.dropzonejs.com |
| Image cropping | Elemefe. Making. IO/image – cropp… |
| Image cropping – Shearphoto | www.shearphoto.com |
| JQuery image processing | www.oschina.net/project/tag… |
Simulation of the select
| Simulation of the select | address |
|---|---|
| Sugar cookies select | Aui. Making. IO/popupjs/doc… |
| flexselect | Github.com/rmm5t/jquer… |
| Double the select | loudev.com |
| select2 | select2.github.io |
The color plug-in
| The color plug-in | address |
|---|---|
| Similar to Photoshop interface color plug-in | www.jq22.com/plugin/367 |
| jquery color | Github.com/jquery/jque… |
| Collection of color plugins | www.oschina.net/project/tag… |
| Farbtastic circle + square | Github.com/mattfarina/… |
Urban linkage
| Urban linkage | address |
|---|---|
| Jquery.cityselect. js Indicates the province/city or custom linkage effect based on jquery +JSON | www.ijquery.cn/?p=360 |
The clipboard
| The clipboard | address |
|---|---|
| The clipboard | Github.com/zeroclipboa… |
| Clipboard’s latest cutting solution | Zenorocha. Making. IO/clipboard. J… |
| Not a Flash clipboard | Github.com/zenorocha/c… |
In conversion
| In conversion | address |
|---|---|
| In conversion | Github.com/BYVoid/Open… |
Form the Grid
| Form the Grid | address |
|---|---|
| Facebook form | Facebook. Making. IO/fixed – data -… |
| Similar to Excel edit table – HandsonTable | handsontable.com |
| The bootstrap – table plug-in | bootstrap-table.wenzhixin.net.cn |
| datatables | www.datatables.net |
The online demo
| The online demo | address |
|---|---|
| Js online editor – runjs | runjs.cn |
| Js online editor – jsbin | jsbin.com |
| Js online editor – Codepen | codepen.io |
| Js online edit – jsfiddle | jsfiddle.net |
| Java online editing – runjs | ideone.com |
| Js online editor – hCharts | code.hcharts.cn |
| Js online editing – JSDM | jsdm.com |
| SQL online editing – SQLFiddle | sqlfiddle.com |
| Mozilla online editor | thimble.mozilla.org |
General optimization
| General optimization | address |
|---|---|
| Javascript high performance animation with page rendering | www.infoq.com/cn/articles… |
| Mobile H5 Front-end Performance Optimization Guide | Isux.tencent.com/h5-performa… |
| 5173 Home front end performance optimization practice | ued.5173.com/?p=1731 |
| Front-end performance optimizations for web designers and front-end developers | www.uisdc.com/front-end-p… |
| CSS performance analysis and optimization suggestions for complex applications | www.orzpoint.com/profiling-c… |
| Zhang Xinxu — Front-end performance | Zhang Xinxu — Front-end performance |
| Front-end performance monitoring summary | www.xiaoqiang.org/javascript/… |
| Web site performance optimization CSS without image technology | Web site performance optimization CSS without image technology |
| Advances in Web front-end performance optimization | Advances in Web front-end performance optimization |
| Front-end technology: web site performance optimization CSS without image technology | My. Eoe. Cn/tuwandou/ar… |
| Browser loading and page performance optimization | www.baiduux.com/blog/2011/0… |
| Image performance optimization in page loading | www.w3ctech.com/p/1503 |
| Hey — Front-end performance | Hey — Front-end performance |
| HTML optimization | HTML optimization |
| The CSS – 99 performance | The CSS – 99 performance |
| Yslow — Performance optimization | www.yslow.net/category.ph… |
| YSLOW Chinese introduction | www.cnblogs.com/yslow |
| Turn to a Yahoo article about site performance optimization, and also about site optimization | www.360ito.com/article/40…. |
| Yahoo! Team practice sharing: Website performance | www.360doc.com/content/10/… |
| Website Performance Optimization Guide: What makes our Website Slow? | blog.jiasule.com/i/153 |
| Site performance optimization practices to reduce load time and improve user experience | www.powereasy.net/helpyou/kno… |
| Brief introduction to the front end of website performance optimization | www.umtry.com/archives/74… |
| How do front-end refactoring practices optimize web site performance? | www.adinnet.cn/blog/design… |
| Front-end performance optimization: Load background images of a specified size using media queries | www.gbin1.com/technology/… |
| Web site performance series blog posts | www.mykuer.com/post/factor… |
| Load, not just a little bit less | Tgideas.qq.com/webplat/inf… |
| Test and optimize front-end performance | Mzhou. Me/article / 953… |
| Share some tips for optimizing web page loading speed? | www.gbin1.com/technology/… |
| Image performance optimization in page loading | www.f2es.com/images-byte… |
| Web front-end optimization (based on Yslow | www.tcreator.info/webSchool/w… |
| Site performance optimization tools | www.qianduan.net/website-per… |
| High-performance Front-end 1 high-performance HTML | www.alloyteam.com/2012/10/hig… |
| High-performance Front-end 2 High-performance CSS | www.alloyteam.com/2012/10/hig… |
| By 12306 talk about site front-end performance and back-end performance optimization | Coolshell. Cn/articles / 64… |
| AlloyTeam — Front-end optimization | AlloyTeam — Front-end optimization |
| Ms must contend, front-end web page performance best practices | www.cnblogs.com/developersu… |
| How to use the site performance tool Yslow | Blog.sina.com.cn/s/blog_6e9d… |
| Front-end engineering and Performance Optimization (PART 1) : static resource version updates and caching | www.infoq.com/cn/articles… |
| Front-end engineering and Performance Optimization (PART 2) : Static resource management and template framework | www.infoq.com/cn/articles… |
| What happens in the first few milliseconds of an HTTPS connection | blog.jobbole.com/48369 |
| Yslow | Uicss. Cn/yslow / # more… |
| Essential Web Performance Metrics — A Primer, Part 1 | Blog.smartbear.com/web-perform… |
| Essential Web Performance Metrics — Part 2 | Blog.smartbear.com/performance… |
| YUISlide, animation performance optimization for mobile devices | Jayli. Making. IO/blog/data / 2… |
| Improving Site Performance | Joelglovier.com/improving-s… |
| Best front-end practices for speeding up your website | Segmentfault.com/a/119000000… |
| Why Website Speed is Important | Sixrevisions.com/web-develop… |
| Need for Speed — How to Improve your Website Performance | www.devbridge.com/articles/ne… |
| Ali Wireless front-end performance optimization Guide (Pt.1 loading period optimization | Github.com/amfe/articl… |
Optimization tools
| Optimization tools | address |
|---|---|
| OneProfile, a new tool for JavaScript performance analysis | www.html-js.com/article/308… |
| OneHeap, a new tool for analyzing JavaScript heap memory | www.html-js.com/article/309… |
Online tools
| Online tools | address |
|---|---|
| Google Online Tools | Developers.google.com/speed/pages… |
| Ali measurement | www.alibench.com |
| Ali – Free testing service | itest.aliyun.com |
| Ali-f2etest multi-browser compatibility testing solution | Github.com/alibaba/f2e… |
| Js performance test | jsperf.com |
The front-end architecture
| The front-end architecture | address |
|---|---|
| The technical architecture | www.zhihu.com/topic/19612… |
| The front-end architecture | Saito. Im/note/The – Ar… |
| How to become a front-end architect | www.zhihu.com/question/24… |
| About front-end architecture – Zhang Kejun | Hikejun.com/sharing/201… |
| Baidu Tencent offer comparison (Tencent games VS Baidu infrastructure) | www.zhihu.com/question/25… |
commended
| commended | address |
|---|---|
| The Winter snippet needs to climb the wall | gist.github.com/wintercn |
| fgm | www.fgm.cc/learn |
| Collection of Cen an’s works | Github.com/hongru/hong… |
| When knight demo set | kmdjs.github.io |
| M blank JS works | www.laoshu133.com/Lab |
| myFocus | koen301.github.io |
| SeaJS component library | panxuepeng.github.io/seajslib |
| Yan Haijing works | yanhaijing.com/myProject |
| Footnet works | Jo2.org/category/my… |
| Javascript Personal Works | www.cnitblog.com/yemoo/categ… |
| Wonderful taste of lei Dongsheng game works | Bbs.miaov.com/forum.php?m… |
| A collection of javascript | Bbs.csdn.net/topics/3802… |
| Cloud Wubi, grayscale generation tool | Github.com/TooBug/work… |
| Project home page | koen301.github.io |
| Personal works home page | zaole.net |
| player | static.tingall.com/v2/player |
| Ucren js demos set | ucren.com/blog/demos |
| Smart clubs | www.zhinengshe.com/works_list…. |
| Example display stand | demos.shizuwu.cn |
| zoye demo | zoye.sinaapp.com/demo |
| w | lab.yuanwai.wang |
| ordinary | pingfan1990.sinaapp.com |
| Jyg games | www.lovewebgames.com |
| Many jquery plugins | www.helloweba.com/list.html |
| Uninhibited Bug – soJs works series | www.bujichong.com/sojs/api/in… |
| frozenui | frozenui.github.io/case.html |
| Black and white | js-game.github.io/othello |
| fromone | Yansm. Making. IO/fromone/ind… |
| pazguille | pazguille.me |
| Html5 VideoPlayer | Github.com/zmmbreeze/D… |
| Proton fireworks | A – jie. Making. IO/Proton / # exa… |
The resume template
| The resume template | address |
|---|---|
| Good resume | Learnshare. Making. IO/about/index… |
| resume | hcy2367.github.io/resume |
| ays | ncuey.sinaapp.com/CrispElite/ |
| resume | Github.com/hacke2/Resu… |
| Dandy weng | Blog.dandyweng.com/2013/07/how… |
| Animated resume | www.webhek.com/misc/intera… |
| Components to enrich your resume | www.linqing07.com/resume.html |
| Resume pool | www.mojianli.com/resume/view |
| Haorooms blog | www.haorooms.com/about |
| Justin Young | cv.youngdze.com |
The interview questions
| The interview questions | address |
|---|---|
| I was looking for a job in those months. | www.nowcoder.com/discuss/319… |
| 2014 Latest interview questions | www.html-js.com/article/174… |
| Ali front end test | www.w3cfuns.com/thread-5598… |
| 2016 School enrollment internal promotion — Alibaba front — three interview experience | www.cnblogs.com/imwtr/p/468… |
| Tencent Interview Questions | www.w3cfuns.com/article-559… |
| Job-hopping after the New Year: LeEco + Kingsoft +360 interview trip | www.cnblogs.com/lvdabao/p/3… |
| Ali front end test on-line | fatesinger.com/2722.html |
| Js interview questions | www.cnblogs.com/52cik/p/js-… |
| Front end of the interview | www.cnblogs.com/allenxing/p… |
| Web development written interview questions | mianshiti.diandian.com |
| Front-end development interview questions | Segmentfault.com/a/119000000… |
| 2014 Latest front end test questions | Github.com/markyun/My-… |
| Baidu interview | Github.com/fex-team/in… |
| The interview questions | www.w3cfuns.com/forum.php?m… |
| Front-end job interview questions | Github.com/darcyclarke… |
| Front-end development interview questions | Segmentfault.com/a/119000000… |
| 5 classic front-end interview questions | 5 classic front-end interview questions |
| The most comprehensive front-end interview questions and answers summary | Segmentfault.com/a/119000000… |
| How to interview a front-end development engineer? | www.html-js.com/article/Lar… |
| The most comprehensive front-end development interview questions and answers in history | Github.com/hawx1993/Fr… |
| Summary of front-end intern interview | www.cnblogs.com/xiaoruo/p/4… |
| The most comprehensive front-end development interview questions and answers in history | Github.com/hawx1993/Fr… |
| BAT and major Internet companies 2014 front-end written test interview questions: JavaScript | blog.jobbole.com/78738 |
| Front-end development interview questions big collection | Github.com/paddingme/F… |
| Collect front end questions and answers | Github.com/qiu-deqing/… |
| How to interview a front-end engineer | www.zhihu.com/question/19… |
| Front-end development interview questions | Github.com/markyun/My-… |
| Niuke net – written interview | www.nowcoder.com/discuss?typ… |
iconfont
| iconfont | address |
|---|---|
| Chinese fonts | www.zhihu.com/question/21… |
| Taobao word stock | iconfont.cn |
| The font | mux.alimama.com/fonts |
| tutorial | Iconfont. Cn/help/platfo… |
| zhangxinxu-icommon | www.zhangxinxu.com/wordpress/?… |
| icommon | icomoon.io/app |
| Use fonts to draw ICONS in web pages (recommended tutorial) | imooc.com/learn/243 |
| Font compression tool | font-spider.org |
Fiddler
| Fiddler | address |
|---|---|
| Fiddler mode use how much (an in-depth study | www.cnblogs.com/tugenhua070… |
| WeChat fiddle | www.cnblogs.com/strick/p/45… |
| WeChat fiddle | Gaoboy.com/article/26…. |
Chrome
| Chrome | address |
|---|---|
| Google Chrome official | developer.chrome.com/devtools |
| Chrome – based | www.cnblogs.com/constantinc… |
| Chrome – advanced | www.cnblogs.com/constantinc… |
| Performance of Chrome – | www.cnblogs.com/constantinc… |
| Chrome – Advanced performance | www.cnblogs.com/constantinc… |
| Chrome – mobile | www.cnblogs.com/constantinc… |
| Chrome – Use tips | www.cnblogs.com/liyunhua/p/… |
| Chrome-console Incomplete Guide | www.cnblogs.com/Wayou/p/chr… |
| Chrome-workspace makes the browser an IDE | C7sky.com/chrome-devt… |
| The network panel | www.html-js.com/article/Not… |
| Chrome development tool shortcuts | Anti-code.com/devtools-ch… |
| Chrome debugging tool common functions | www.html-js.com/article/232… |
| Chrome development tool Workspace use | www.iinterest.net/2014/05/09/… |
| Chrome artifact Vimium shortcut learning record | www.cppblog.com/deercoder/a… |
| Sass debugging – w3cplus | www.w3cplus.com/sassguide/d… |
| How to use Chrome Developer Tools professionally – W3CPlus | www.w3cplus.com/tools/how-t… |
| Chrome debugging canvas | Sentsin.com/web/253.htm… |
| chrome profiles1 | Developer.chrome.com/devtools/in… |
| chrome profiles2 | H5dev. Uc. Cn/article 25 -… |
| chrome profiles3 | www.oschina.net/translate/p… |
| Chrome Mobile debugging | Developer.chrome.com/devtools/do… |
| Chrome debugging | Ued.taobao.org/blog/2012/0… |
| Chrome debugging | www.cnblogs.com/QLeelulu/ar… |
| Description of the Chrome Console command | Developer.chrome.com/devtools/do… |
| Look at event binding 1 | www.cnblogs.com/leonkao/p/3… |
| Look at event binding 2 | www.cnblogs.com/xiaoyao2011… |
| Chrome Developer Tools (1 | Segmentfault.com/a/119000000… |
| Chrome DevTools Timeline Profils and other tools to use introduction | Xinranliu. Me / 2015-05-22 -… |
| 15 Tips for Chrome Developer Tools | Frontenddev.org/link/15-tip… |
| Chrome Developer Tools incomplete guide | 1ke.co/course/361 |
| Chrome Developer Tools tips | Segmentfault.com/a/119000000… |
Firebug
| Firebug | address |
|---|---|
| Firebug video tutorial | www.imooc.com/learn/137 |
| Firefox simulator | Developer.mozilla.org/zh-CN/docs/… |
| Description of the console.log command | www.cnblogs.com/ctriphire/p… |
| Getting started with Firebug | www.ruanyifeng.com/blog/2008/0… |
| Firebug console details | www.ruanyifeng.com/blog/2011/0… |
Mobile, wechat debugging
| Mobile, wechat debugging | address |
|---|---|
| Debug Android on the browser | openstf.github.io |
| Mobile end front-end development and debugging | Yujiangshui.com/multidevice… |
| Remotely debug Android devices using Chrome | Github.com/yujiangshui… |
| MAC mobile debugging | Plus. Uc. Cn/document/we… |
| MAC mobile debugging | www.mihtool.com |
| Wireless debugging guide | THX. Making. IO/mobile/debu… |
| Wireless debugging guide | Yanhaijing.com/mobile/2014… |
| Awesome, perfect debugging wechat Webview (X5) | www.jianshu.com/p/ccf124f1f… |
| The wechat debugging thing | The wechat debugging thing |
| The remote console | jsconsole.com |
| Wechat debugging tool | blog.qqbrowser.cc |
| All kinds of real remote debugging method summary | Github.com/jieyou/remo… |
iOS Simulator
| iOS Simulator | address |
|---|---|
| Simulator | iOS_Simulator_Guide-Introduction |
| Introduction and use of iOS Simulator | www.crifan.com/intro_ios_s… |
img
| img | address |
|---|---|
| loading img | preloaders.net/en/circular |
| Zhitu – picture optimization platform | zhitu.isux.us |
| Online PNG optimization | tinypng.com |
Generate qr code
| Generate qr code | address |
|---|---|
| Generate qr code | cli.im |
Browser synchronization
| Browser synchronization | address |
|---|---|
| puer | Github.com/leeluolee/p… |
| liveReload | livereload.com |
| f5 | getf5.com |
| File Watchers | geek100.com/2608 |
Online PPT production
| Online PPT production | address |
|---|---|
| nodePPT | nodePPT |
| Cleaver quickly made PPT for web pages | www.jeffjade.com/2015/10/15/… |
| impress.js | www.cnblogs.com/Darren_code… |
| PPT | Github.com/ksky521/nod… |
| reveal | Github.com/hakimel/rev… |
| slippy | Github.com/Seldaek/sli… |
Front-end navigation website
| Front-end navigation website | address |
|---|---|
| Clean interface for front navigation | uxbees.com/index.html |
| The front-end navigation | whycss.com |
| Front-end url navigation | www.daqianduan.com/nav |
| The front list | sentsin.com/daohang |
| The front-end navigation | 123.jser.us |
| Front-end development resources | www.css88.com/nav |
| Site navigation | www.haourl.cn |
| Front-end development repository – a collection of many effects | code.ciaoca.com |
| Front-end resource navigation | Github.com/jnoodle/f2e… |
| F2E Front-end navigation | F2e. Im/static/page… |
Common CDN
| Common CDN | address |
|---|---|
| Sina CDN | lib.sinaapp.com |
| Baidu static resources public library | cdn.code.baidu.com |
| 360 website Guard commonly uses front-end public library CDN service | libs.useso.com |
| Bootstrap Chinese open source project free CDN service | www.bootcdn.cn |
| Open static file CDN – seven cows | staticfile.org |
| CDN acceleration – JQ22 | www.jq22.com/cdn |
| jQuery CDN | code.jquery.com |
| Google jQuery CDN | www.google-jquery-cdn.com |
| Microsoft CDN | www.asp.net/ajax/cdn |
Git
| Git | address |
|---|---|
| git-scm | git-scm.com |
| Liao Xuefeng -Git tutorial | Liao Xuefeng -Git tutorial |
| git-for-windows | git-for-windows.github.io |
| Add SSH keys to GitHub | Daemon369. Making. IO/git / 2015/03… |
| gogithub | www.worldhello.net/gotgithub/i… |
| Git general command exercises | Pcottle. Making. IO/learnGitBra… |
| Git data collation | Github.com/xirong/my-g… |
| Git commands I documented (very useful) | www.cnblogs.com/fanfan259/p… |
| Enterprise development git workflow mode exploration part rest | Github.com/xirong/my-g… |
| GitHub’s Hitchhiker’s Guide | Github.com/phodal/gith… |
| Making mods | Github.com/tiimgreen/g… |
| Use Git and Github for collaborative development processes | livoras.com/post/28 |
| Practice Git with animation | Onlywei. Making. IO/explain – git… |
Calendar of dates
| Calendar of dates | address |
|---|---|
| Classic my97 | www.my97.net/dp/demo/ind… |
| Powerful independent date picker | www.cnblogs.com/gbin1/archi… |
| fullcalendar | fullcalendar.io |
| Fullcalendar Calendar control knowledge point collection | Blog.csdn.net/francislaw/… |
| Chinese API | Blog.sina.com.cn/s/blog_9475… |
| The lunar calendar | Github.com/zzyss86/Lun… |
| Super cool imitation Of Baidu with festival calendar calendar control | www.sucaisj.com/jiaoben/dat… |
| Date formatting | momentjs.com |
| Daniel calendar control | Github.com/Johnqing/QP… |
| I group some management works | Github.com/Iamlars/dat… |
| Input bitwise replacement – official website | Digitalbush.com/projects/ma… |
| Input bitwise substitution -github | Github.com/digitalBush… |
| bootstrap-daterangepicker | Github.com/dangrossman… |
| A collection of 30 foreign plug-ins | www.vandelaydesign.com/30-best-fre… |
| JavaScript datepicker | Dbushell.com/2012/10/09/… |
| Datepair.js | jonthornton.github.io/Datepair.js |
| A calendar with various styles | Github.com/glad/glDate… |
| Pop-up layer full calendar | Amsul. Ca/pickadate. J… |
| Jquery double calendar | www.daterangepicker.com |
| JQuery mobile phone calendar date selection plug-in | www.frankdemo.cn/index.php?c… |
| Date plugin Mobiscroll in jQuery Mobile | mobiscroll.com |
Date library
| Date library | address |
|---|---|
| Datejs | Github.com/datejs/Date… |
| sugarjs | sugarjs.com/api/Date |
other
| other | address |
|---|---|
| Mock.js is a Mock data generator | mockjs.com |
| Features HTML framework to create beautiful iOS apps | framework7.taobao.org |
| Taobao SUI | m.sui.taobao.org |
| avalonjs | avalonjs.github.io |
| Avalon’s next generation UI library: OniUI | Ued.qunar.com/oniui/index… |
| Avalon.oniui – Component library based on Avalon | Github.com/RubyLouvre/… |
Effect of the class
| Effect of the class | address |
|---|---|
| Pop-up layer | www.imooc.com/learn/58 |
| Focus image rotation effects | www.imooc.com/learn/18 |
| What HTML5 demos have surprised you? | www.zhihu.com/question/24… |
Pop-up layer
| Pop-up layer | address |
|---|---|
| ArtDialog latest version | Github.com/aui/artDial… |
| ArtDialog document | Aui. Making. IO/artDialog/d… |
| Google Code download address | Code.google.com/p/artdialog… |
| Virtuous heart pop-up layer | layer.layui.com |
| A library of responsive user interaction components | github.com/bh-lay/UI |
| Sweetalert – has a CSS3 animation pop-up layer | t4t5.github.io/sweetalert |
Excellent JavaScript Projects
| Excellent JavaScript Projects | address |
|---|---|
| Angular and Webpack seed files | Github.com/AngularClas… |
| Fis3 front-end oriented engineering construction system | Github.com/fex-team/fi… |
| Fis3 DEMO | Github.com/fex-team/fi… |
| Front-end JQuery series: source code analysis | Github.com/JsAaron/jQu… |
| Avalon framework | Github.com/RubyLouvre/… |
| Microsoft ChakraCore Is Microsoft’s Chakra engine | Github.com/Microsoft/C… |
| Quintus HTML Game Engine | Github.com/cykod/Quint… |
| A fun blog built with Node.js | Github.com/STRML/strml… |
| Web Front-end Helper -FeHelper (Chrome extension) | Github.com/zxlie/FeHel… |
| Baidu Front-end Technology Institute | Github.com/baidu-ife/i… |
| Cheerio (jQuery in Node.js) | Github.com/cheeriojs/c… |
| Nodejs has a chat app similar to wechat | Github.com/BryanYang/f… |
| NetEase Cloud Music built with HTML5 and Node.js | Github.com/stkevintan/… |
| Babel ES6 is converted to ES5 | github.com/babel/babel |
| A JS rich text editor | Github.com/fex-team/ue… |
| A JS brain map visualization tool | Github.com/fex-team/ki… |
| A JS written Flappy Bird Game | Github.com/ellisonleao… |
| A JS-written GBA emulator | Github.com/taisel/Iodi… |
| Markdown parser written by SegmentFault | Github.com/SegmentFaul… |
| Ghost blog based on Node.js | Github.com/TryGhost/Gh… |
| Learn the React demos | Github.com/ruanyf/reac… |
Articles that may be useful (/ of interest) to you:
- Those who rely on sharp instrument records
- How to use Sublime Text elegantly
- Markdown writing under Sublime Text
- A guide to the use of Atom, a new coding artifact
- Favorite productivity tool in Win :AutoHotKey
- ZSH- The ultimate Shell
- Cmder for essential artifact in Win
- Vimium~ get your Chrome off the ground
Reprint please keep the original link: www.jeffjade.com/2016/03/30/…