Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

优秀前端资源收集

Awesome Lists containing this project

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)