Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/FrendEr/awesome-front-end
优秀前端资源收集
https://github.com/FrendEr/awesome-front-end
List: awesome-front-end
Last synced: 3 months ago
JSON representation
优秀前端资源收集
- Host: GitHub
- URL: https://github.com/FrendEr/awesome-front-end
- Owner: FrendEr
- Created: 2015-10-29T00:24:41.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2015-11-18T13:36:26.000Z (almost 9 years ago)
- Last Synced: 2024-08-08T19:12:11.106Z (3 months ago)
- Size: 4.88 KB
- Stars: 2
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- ultimate-awesome - awesome-front-end - 优秀前端资源收集. (Other Lists / PowerShell Lists)
README
# 前端资源收集
## {{ JAVASCRIPT }}
#### * Javascript Utility Library
- [underscore](https://github.com/jashkenas/underscore)
1. [not need underscore](https://www.reindex.io/blog/you-might-not-need-underscore/)- [lodash](https://github.com/lodash/lodash)
- [ramda](https://github.com/ramda/ramda)#### * ECMAScript 6(2015)
- [ECMAScript 6入门](http://es6.ruanyifeng.com/)
- [babel](https://github.com/babel/babel)#### * SEO
- [prerender](https://prerender.io/)
#### * Modules
- [requirejs](https://github.com/jrburke/requirejs)
- [seajs](https://github.com/seajs/seajs)#### * Performance
- [benchmark](https://github.com/bestiejs/benchmark.js)
#### * this
- [图解this](http://mp.weixin.qq.com/s?__biz=MjM5MzMyNzg0MA==&mid=400197911&idx=2&sn=25ceb819a04d99a1eea27eeea94ae547&scene=0#wechat_redirect)
## {{ CSS }}
#### * Framework
- [less](http://lesscss.org/)
- [sass](http://sass-lang.com/)
- [compass](http://compass-style.org/)
- [stylus](https://learnboost.github.io/stylus/)#### * CSS3
- [多行文本溢出显示省略号](http://c7sky.com/text-overflow-ellipsis-on-multiline-text.html)
#### * Guide
- [cssguidelin](http://cssguidelin.es/)
## {{ HTML }}
#### * HTML5
- [prefetch](http://www.jianshu.com/p/7f58ddfc1392)
- [history](http://www.zhangxinxu.com/wordpress/2013/06/html5-history-api-pushstate-replacestate-ajax/)
- [< meta />](http://segmentfault.com/a/1190000002407912)
## {{ NodeJS }}
#### * CommonJS
- [module.exports VS exports](http://zihua.li/2012/03/use-module-exports-or-exports-in-node/)
#### * CLI
- [resume (教程)](http://segmentfault.com/a/1190000002918295)
- [mockman](https://github.com/FrendEr/mock-man)
- [showman](https://github.com/FrendEr/show-man)
- [caniuse](https://github.com/sgentle/caniuse-cmd)#### * Framework
- [NodeJS Frameworks List](http://nodeframework.com/)
- [express](https://github.com/strongloop/express)
- [koa](https://github.com/koajs/koa)
- [meteor](https://github.com/meteor/meteor)
- [sails](https://github.com/balderdashy/sails)#### * Template Engine
- [Template Engine List](http://garann.github.io/template-chooser/)
- [jade](https://github.com/jadejs/jade)
- [swig](https://github.com/paularmstrong/swig)
- [dot](https://github.com/olado/doT)
- [handlebars](https://github.com/wycats/handlebars.js)
- [mustache](https://github.com/janl/mustache.js)#### * 前后台分离系列
- [前后端分离的思考与实践(一)—— 基于NodeJS的前后端分离](http://ued.taobao.org/blog/2014/04/full-stack-development-with-nodejs/)
- [前后端分离的思考与实践(二)—— 基于前后端分离的模版探索](http://ued.taobao.org/blog/2014/04/xtpl/)
- [前后端分离的思考与实践(三)—— Midway-ModelProxy — 轻量级的接口配置建模框架](http://ued.taobao.org/blog/2014/04/modelproxy/)
- [前后端分离的思考与实践(四)—— 前后端分离模式下的安全解决方案](http://ued.taobao.org/blog/2014/05/midway-security/)
- [前后端分离的思考与实践(五)—— 基于前后端分离的多终端适配](http://ued.taobao.org/blog/2014/05/cross-platform-tpl/)
- [前后端分离的思考与实践(六)—— Nginx + Node.js + Java 的软件栈部署实践](http://ued.taobao.org/blog/2014/05/midway-deploy/)
## {{ Test }}
- [mocha](https://github.com/mochajs/mocha)
- [karma](https://github.com/karma-runner/karma)
- [jasmine](https://github.com/jasmine/jasmine)
- [chai](https://github.com/chaijs/chai)
- [sinon](https://github.com/sinonjs/sinon)
## {{ Mobile }}
#### * Debug
- [移动调试方法总结](http://frend.cc/debug/2015/06/30/debug-gap.html)
- [真机远程调试方法汇总](http://blog.scalap.com/tech/18.html)
- [browserstack](https://www.browserstack.com/start#os=Windows&os_version=7&browser=IE&browser_version=8.0&zoom_to_fit=true&full_screen=true&resolution=responsive-mode&url=www.google.com&speed=1)
- [BrowserSync](https://github.com/BrowserSync/browser-sync)#### * Touch Events
- [手机浏览器常用手势动作监听封装](http://wo.poco.cn/manson/post/id/268780)
#### * 指尖JS系列
- [多触式web前端开发之一:对于Touch的处理](http://www.cnblogs.com/pifoo/archive/2011/05/23/webkit-touch-event-1.html)
- [多触式web前端开发之二:处理简单手势](http://www.cnblogs.com/pifoo/archive/2011/05/22/webkit-touch-event-2.html)
- [多触式web前端开发之三:处理复杂手势](http://www.cnblogs.com/pifoo/archive/2011/05/22/webkit-touch-event-3.html)#### * Blog
- [mobileTech](https://github.com/jtyjty99999/mobileTech)
- [叶小钗](http://www.cnblogs.com/yexiaochai/)
## {{ Builder }}
- [webpack](https://github.com/webpack/webpack)
- [browserify](https://github.com/substack/node-browserify)
- [component](https://github.com/componentjs/component)
- [duo](https://github.com/duojs/duo)
- [spm](https://github.com/spmjs/spm)
- [gulp](https://github.com/gulpjs/gulp)
- [grunt](https://github.com/gruntjs/grunt)
- [yo](https://github.com/yeoman/yo)
- [MT](https://github.com/mtjs/mt)
- [FIS3](https://github.com/fex-team/fis3)
- [rsd](https://github.com/fouber/static-resource-digest)
- [Assets Pipeline](http://guides.rubyonrails.org/asset_pipeline.html) [(中文)](http://guides.ruby-china.org/asset_pipeline.html)
- [cha](https://github.com/chajs/cha)
## {{ Git }}
- [Git基础小结](https://www.evernote.com/shard/s211/sh/1ac0b49c-1c14-4ea7-9152-a5885fa13c04/c1049382f77c8aaf)
- [Git教程](http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000)
- [Pro Git](http://iissnan.com/progit/)
## {{ MV* Framework }}
- [backbone](https://github.com/jashkenas/backbone)
1. [backbone.marionette](https://github.com/marionettejs/backbone.marionette)
1. [backbone.stickit](https://github.com/NYTimes/backbone.stickit)- [angular](https://github.com/angular/angular)
- [react](https://github.com/facebook/react)
1. [flux](https://github.com/facebook/flux)
- [vue](https://github.com/vuejs/vue)
- [knockout](https://github.com/knockout/knockout)
- [ember](https://github.com/emberjs/ember.js)
## {{ Format Config }}
- [EditorConfig](http://editorconfig.org/) [(中文)](http://ju.outofmemory.cn/entry/104488)
1. [real-world examples](https://github.com/editorconfig/editorconfig/wiki/Projects-Using-EditorConfig)- [JSHint](https://github.com/jshint/jshint)
- [ESLint](http://eslint.org/)
- [JSFormat](https://github.com/jdc0589/JsFormat)