資源收集 · 多谷微信平臺開發指南

本文將會不斷更新和整理。 * * * 9/8 更新： * 增加**shim/polyfill**板塊并整理，添加了core-js * 增加了html2canvas * 新增了react-transform-boilerplate，算是新版的hot-loader吧，不再使用`react-hot-loader`，而使用一個babel插件`babel-plugin-react-transform` * * * ## HTML/CSS * [html5-boilerplate](https://github.com/h5bp/html5-boilerplate) * [html5demos](https://github.com/remy/html5demos) * [web項目啟航包](https://github.com/google/web-starter-kit) * [CSS術語表](https://github.com/yisibl/css-vocabulary) * [Respond（Media Query polyfill）](https://github.com/scottjehl/Respond) * [Modernizr](https://github.com/Modernizr/Modernizr) * [normalize.css](https://github.com/necolas/normalize.css) * [bootstrap](https://github.com/twbs/bootstrap) * [Semantic-UI](https://github.com/Semantic-Org/Semantic-UI) * [amazeui](https://github.com/allmobilize/amazeui) * [masonry 柵格布局庫](https://github.com/desandro/masonry) * [lost 柵格布局庫](https://github.com/corysimmons/lost) * [bootmetro win8 metro風格UI庫](https://github.com/aozora/bootmetro) * [CSS模擬各種設備](https://github.com/marvelapp/devices.css) * [CSS spinners](https://github.com/jlong/css-spinners) * [css-loaders](https://github.com/lukehaas/css-loaders) * [loaders.css](https://github.com/ConnorAtherton/loaders.css) * [animate.css](https://github.com/daneden/animate.css) * [velocity](https://github.com/julianshapiro/velocity) * [dashboard（Bootstrap模板）](https://github.com/keen/dashboards) * [雪碧圖生成工具](https://github.com/sprity/sprity) * [svg-sprite-polyfill](https://github.com/frexy/svg-sprite-polyfill) * [Snap.svg](https://github.com/adobe-webplatform/Snap.svg) * [SVG圖標集](https://github.com/frexy/glyph-iconset) * [純css圖標](https://github.com/saeedalipoor/icono) * [Font-Awesome](https://github.com/FortAwesome/Font-Awesome) * [material-design-icons](https://github.com/google/material-design-icons) * [Material Design Lite](https://github.com/google/material-design-lite) * [Material風格css框架](https://github.com/Dogfalo/materialize) * [fullPage.js](https://github.com/alvarotrigo/fullPage.js) * [Fullpage原生實現](https://github.com/powy1993/fullpage) * [bootstrap-daterangepicker](https://github.com/dangrossman/bootstrap-daterangepicker) * [bootstrap-additions](https://github.com/mgcrea/bootstrap-additions) * [pjax](https://github.com/welefen/pjax) * [Ace（Cloud9的文本編輯器）](https://github.com/ajaxorg/ace) * [quill 文本編輯器](https://github.com/quilljs/quill) * [plupload](https://github.com/moxiecode/plupload) * [postcss](https://github.com/postcss/postcss) * [three.js](https://github.com/mrdoob/three.js) * [stage.js](https://github.com/piqnt/stage.js) * [html2canvas](https://github.com/niklasvh/html2canvas) ## Shim/Polyfill * [ES5 shim](https://github.com/es-shims/es5-shim) * [es6-shim](https://github.com/paulmillr/es6-shim) * [html5shiv](https://github.com/aFarkas/html5shiv) * [core-js](https://github.com/zloirock/core-js) ## 可能是常用的工具庫 * [moment](https://github.com/moment/moment) * [lodash](https://github.com/lodash/lodash) * [highland 流式風格工具庫](https://github.com/caolan/highland) * [handlebars.js](https://github.com/wycats/handlebars.js) * [FileAPI](https://github.com/mailru/FileAPI) * [CryptoJS加密庫](https://github.com/sytelus/CryptoJS) * [Esprima（ECMAScript語法解析）](https://github.com/jquery/esprima) * [jison 語法解析器生成器](https://github.com/zaach/jison) * [bowser 判斷瀏覽器](https://github.com/ded/bowser) * [reqwest（Ajax實現）](https://github.com/ded/reqwest) * [superagent](https://github.com/visionmedia/superagent) * [es6-promise](https://github.com/jakearchibald/es6-promise) * [core-js（各種js pollyfill集合）](https://github.com/zloirock/core-js) * [svgo SVG優化工具](https://github.com/svg/svgo) * [stateman 前端路由](https://github.com/leeluolee/stateman) * [dragdealer](https://github.com/skidding/dragdealer) * [pdf.js](https://github.com/mozilla/pdf.js) * [filesize.js](https://github.com/avoidwork/filesize.js) * [berserkJS](https://github.com/tapir-dream/berserkJS) * [umd](https://github.com/umdjs/umd) * [requirejs](https://github.com/jrburke/requirejs) ## 代碼處理工具 * [babel](https://github.com/babel/babel) * [traceur-compiler](https://github.com/google/traceur-compiler) * [webpack](https://github.com/webpack/webpack) * [node-browserify](https://github.com/substack/node-browserify) * [amdclean](https://github.com/gfranko/amdclean) * [gulp](https://github.com/gulpjs/gulp) * [grunt](https://github.com/gruntjs/grunt) * [jspm](http://jspm.io/) * [rollup.js](http://rollupjs.org/) ## 移動端 * [Swipe](https://github.com/thebird/Swipe) * [mobileTech 移動端資源收集](https://github.com/jtyjty99999/mobileTech) ## 測試框架和斷言庫 * [chai](https://github.com/chaijs/chai) * [jasmine](https://github.com/jasmine/jasmine) ## Node.js * [node](https://github.com/joyent/node) * [io.js](https://github.com/nodejs/node) * [nw.js](https://github.com/nwjs/nw.js) * [PM2](https://github.com/Unitech/PM2) * [connect](https://github.com/senchalabs/connect) * [q](https://github.com/kriskowal/q) * [async](https://github.com/caolan/async) * [koa](https://github.com/koajs/koa) * [node-restify](https://github.com/restify/node-restify) * [node-static](https://github.com/cloudhead/node-static) * [step](https://github.com/creationix/step) * [then.js](https://github.com/teambition/then.js) * [co](https://github.com/tj/co) * [node-glob](https://github.com/isaacs/node-glob) * [thunks](https://github.com/thunks/thunks) * [forever](https://github.com/foreverjs/forever) * [request](https://github.com/request/request) * [bluebird](https://github.com/petkaantonov/bluebird) * [FormData For node.js](https://github.com/form-data/form-data) * [node fs模塊擴展](https://github.com/jprichardson/node-fs-extra) * [node-portfinder 獲取可用的端口](https://github.com/indexzero/node-portfinder) * [yargs 方便操作process.argv](https://github.com/bcoe/yargs) * [Editor Framework桌面應用框架](https://github.com/fireball-x/editor-framework) * [OAuth2orize](https://github.com/jaredhanson/oauth2orize) * [Inquirer.js 命令行交互](https://github.com/SBoudrias/Inquirer.js) * [jsdom](https://github.com/tmpvar/jsdom) * [node-lessons包教不包會](https://github.com/alsotang/node-lessons) * [nodemon](https://github.com/remy/nodemon) * [node-supervisor](https://github.com/petruisfan/node-supervisor) * [node-formidable](https://github.com/felixge/node-formidable) * [node-xml2js](https://github.com/Leonidas-from-XIV/node-xml2js) * [bagpipe](https://github.com/JacksonTian/bagpipe) ## 模板引擎 * [swig](https://github.com/paularmstrong/swig) * [dustjs](https://github.com/linkedin/dustjs) * [doT](https://github.com/olado/doT) * [marko](https://github.com/marko-js/marko) * [mustache.js](https://github.com/janl/mustache.js) * [hogan.js](https://github.com/twitter/hogan.js) ## 數據可視化 * [d3](https://github.com/mbostock/d3) * [Echarts](https://github.com/ecomfe/echarts) * [Chart.js](https://github.com/nnnick/Chart.js) ## React及相關庫 * [react](https://github.com/facebook/react) * [React Awesome系列](https://github.com/enaqx/awesome-react) * [react-router](https://github.com/rackt/react-router) * [flux](https://github.com/facebook/flux) * [Reflux](https://github.com/reflux/refluxjs) * [Redux](https://github.com/rackt/redux) * [Relay](https://github.com/facebook/relay) * [react-native](https://github.com/facebook/react-native) * [immutable-js](https://github.com/facebook/immutable-js) * [Morearty.js](https://github.com/moreartyjs/moreartyjs) * [ReactUI](https://github.com/Lobos/react-ui) * [material-ui](https://github.com/callemall/material-ui) * [ant-design](https://github.com/ant-design/ant-design) * [Redux入門](https://github.com/happypoulp/redux-tutorial) * [Redux Awesome系列](https://github.com/xgrommx/awesome-redux) * [react-starter（React新手包）](https://github.com/webpack/react-starter) * [react-hot-loader各種例子](https://github.com/gaearon/react-hot-loader/tree/master/docs#starter-kits) * [react-transform-boilerplate](https://github.com/gaearon/react-transform-boilerplate) * [同構路由樣例](https://github.com/nicolashery/example-isomorphic-one) * [React + Flux + ServerSideRendering樣例](https://github.com/koba04/react-boilerplate) * [react-demos 阮一峰](https://github.com/ruanyf/react-demos) * [React UI Builder](https://github.com/ipselon/react-ui-builder) * [React Native入門指南](https://github.com/vczero/react-native-lession) * [react-cursor](https://github.com/dustingetz/react-cursor) * [react-style](https://github.com/js-next/react-style) * [react-quill富文本編輯器組件](https://github.com/zenoamaro/react-quill) * [react-canvas](https://github.com/Flipboard/react-canvas) * [react-engine](https://github.com/paypal/react-engine) * [react-templates](https://github.com/wix/react-templates) * [React-news（React寫的項目）](https://github.com/echenley/react-news) * [deku（類似React的UI庫）](https://github.com/dekujs/deku) * [delorean Flux](https://github.com/deloreanjs/delorean) * [Virtual DOM](https://github.com/Matt-Esch/virtual-dom) ## Angular.js * [angular](https://github.com/angular/angular) * [AngularLearning](https://github.com/dolymood/AngularLearning) * [ng-file-upload](https://github.com/danialfarid/ng-file-upload) * [angular-bootstrap](https://github.com/angular-ui/bootstrap) * [ui-router](https://github.com/angular-ui/ui-router) * [angular-ui-awesome](https://github.com/eisneim/angular-ui-awesome) * [angular-strap](https://github.com/mgcrea/angular-strap) * [bindonce](https://github.com/Pasvaz/bindonce) * [ng-annotate](https://github.com/olov/ng-annotate) * [angular-deckgrid](https://github.com/akoenig/angular-deckgrid) * [angular-semantic](https://github.com/caitp/angular-semantic) * [restangular](https://github.com/mgonto/restangular) * [material](https://github.com/angular/material) * [famous-angular](https://github.com/Famous/famous-angular) ## 其他優秀js框架 * [avalon](https://github.com/RubyLouvre/avalon) * [meteor](https://github.com/meteor/meteor) * [vue](https://github.com/yyx990803/vue) * [fibjs](https://github.com/xicilion/fibjs) * [aurelia](https://github.com/aurelia/framework) * [mootools-core](https://github.com/mootools/mootools-core) * [polymer](https://github.com/Polymer/polymer) * [regular](https://github.com/regularjs/regular) * [jquery](https://github.com/jquery/jquery) * [zepto](https://github.com/madrobby/zepto) ## 函數式編程相關 * 函數式編程指南GitBook版 [中文版](https://github.com/llh911001/mostly-adequate-guide-chinese) [英文版](https://github.com/DrBoolean/mostly-adequate-guide) * [ramda](https://github.com/ramda/ramda) * [fantasy-land](https://github.com/fantasyland/fantasy-land) ## Nginx * [Nginx配置用例](https://github.com/h5bp/server-configs-nginx) ## Git * [gitflow](https://github.com/nvie/gitflow) * [gitolite](https://github.com/sitaramc/gitolite) ## 代碼風格 * [eslint](https://github.com/eslint/eslint) * [JavaScript代碼風格指南](https://github.com/airbnb/javascript) * [standard](https://github.com/feross/standard) * [廣發證券團隊代碼風格](https://github.com/gf-web/es6-coding-style) * [Flow](https://github.com/facebook/flow) * [css-creating](https://github.com/cssdream/css-creating) ## 未來科技 * [常用ES7 decorators](https://github.com/jayphelps/core-decorators.js) * [ES7 decorator介紹](https://github.com/wycats/javascript-decorators) ## EBooks或是學習資源 * [awesome系列首頁](https://github.com/sindresorhus/awesome) * [JavaScript知識體系圖](https://github.com/coodict/javascript-in-one-pic) * [前端技能圖（樸靈）](https://github.com/JacksonTian/fks) * [前端開發資源大集合](https://github.com/dypsilon/frontend-dev-bookmarks) * [ES6學習資源列表](https://github.com/ericdouglas/ES6-Learning) * [Front-end-Developer-Interview-Questions](https://github.com/h5bp/Front-end-Developer-Interview-Questions) * [javascript框架設計](https://github.com/RubyLouvre/jsbook) * [SunLn-F2E-Bookmarks](https://github.com/SunLn/SunLn-F2E-Bookmarks) * [front-end-collect](https://github.com/foru17/front-end-collect) * [Understanding ECMAScript 6](https://github.com/nzakas/understandinges6) * 理解HTTP 2.0 [中文版](https://github.com/ye11ow/http2-explained-chinese) [英文版](http://daniel.haxx.se/http2/) * [mvvm技術概覽](https://github.com/JsAaron/mvvm) ## 其他 * [百度前端技術學院](https://github.com/baidu-ife/ife) * [博客框架discourse](https://github.com/discourse/discourse) * [AlloyStick 骨骼動畫](https://github.com/AlloyTeam/AlloyStick) * [hexo](https://github.com/hexojs/hexo)