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: 16 days 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 (about 9 years ago)
Last Synced: 2024-11-20T20:02:10.835Z (about 1 month 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)