性能

最后更新于:2022-04-01 10:32:51

## 性能工具 **Reporting:** * [WEIGHTOF.IT](http://weightof.it/category/application-frameworks) * [Web Page Test](http://www.webpagetest.org/) * [GTmetrix](https://gtmetrix.com/) * [Speed Curve](https://speedcurve.com/) [$] * [Chrome Devtools Timeline](https://developers.google.com/web/tools/profile-performance/evaluate-performance/timeline-tool?hl=en) * [sitespeed.io](https://www.sitespeed.io/) **JS tools:** * [ImageOptim-CLI](http://jamiemason.github.io/ImageOptim-CLI/) * [imagemin](https://github.com/imagemin/imagemin) **Budgeting:** * [performancebudget.io](http://www.performancebudget.io/)
';

JS 错误监控

最后更新于:2022-04-01 10:32:49

## JavaScript 错误监控工具 * [Raygun](https://raygun.io/) [$] * [errorception](https://errorception.com/) [$] * [sentry](https://getsentry.com/welcome/) [$] * [{track:js}](https://trackjs.com/) [$]
';

网站/APP 监控

最后更新于:2022-04-01 10:32:47

## 网站/APP 监控工具 **Uptime:** * [pingdom](https://www.pingdom.com/) [free to $] * [Uptime Robot](https://uptimerobot.com/) * [Uptrends](https://www.uptrends.com/) [$] **General:** * [New Relic](http://newrelic.com/)
';

部署

最后更新于:2022-04-01 10:32:44

## 部署工具 * [FTPLOY](http://ftploy.com/) [free to $] * [Travis CI](http://docs.travis-ci.com/) [free to $] * [codeship](https://codeship.com/) [free to $] * [Bamboo](https://www.atlassian.com/software/bamboo/) [$] * [Springloops](http://www.springloops.io/) [free to $] * [surge](https://surge.sh/) * [sync ninja](http://www.syncninja.com/)
';

任务管理

最后更新于:2022-04-01 10:32:42

## 任务管理(又称 构建)工具 **任务管理/构建 工具:** * [Gulp](http://gulpjs.com/) * [Grunt](http://gruntjs.com/) **Tasking/build and more tools:** * [Brunch](http://brunch.io/) * [Mimosa](http://mimosa.io/)
';

安全

最后更新于:2022-04-01 10:32:40

## 安全工具 **Coding tool:** * [DOMPurify](https://github.com/cure53/DOMPurify) * [XSS](http://jsxss.com/en/index.html) **References:** * [HTML5 Security Cheatsheet](https://html5sec.org/)
';

离线

最后更新于:2022-04-01 10:32:38

## 离线工具 * [upup](https://www.talater.com/upup/) * [offline.js](http://github.hubspot.com/offline/docs/welcome/) * [pouchdb](http://pouchdb.com/) * [hood.ie](http://hood.ie/)
';

BASS

最后更新于:2022-04-01 10:32:35

## 前端开发者的后端服务工具(又称 BASS) **Data/back-end management as a service:** * [Firebase](https://www.firebase.com/index.html) [free to $] * [Parse](https://www.parse.com/) [free to $] * [kinvey](http://www.kinvey.com/) [free'ish to $] * [Back&](https://www.backand.com/) [free to $] * [Pusher](https://pusher.com/) [free to $] **User management as a service:** * [UserApp](https://www.userapp.io/) [free to $] * [hull](http://www.hull.io/) [$] * [auth0](https://auth0.com/) [$]
';

CMS 托管/API

最后更新于:2022-04-01 10:32:33

## 内容管理托管/API工具 **API CMS (i.e. content delivery CMS) tools:** * [prismic.io](https://prismic.io/) [free to $] * [contentful](https://www.contentful.com/) [$] * [Cosmic JS](https://cosmicjs.com/) [free to $] **Hosted CMS tools:** * [LightCMS](https://www.lightcms.com/) [$] * [Surreal CMS](http://www.surrealcms.com/) [$] * [Page Lime](http://www.pagelime.com/) [$] * [Cushy CMS](https://www.cushycms.com/) [free to $] **Static CMS tools:** * [webhook.com](http://www.webhook.com/)
';

合作 & 交流

最后更新于:2022-04-01 10:32:31

## 合作 & 交流工具 * [Slack](http://weightof.it/category/application-frameworks) & [screenhero](https://screenhero.com/) [free to $] * [Skype](http://www.skype.com/) [free to $] * [Google Hangouts](https://hangouts.google.com/) **代码/Github 合作 & 交流:** * [Gitter](https://gitter.im/) [free to $] 译者补充: * [Gitup](http://gitup.co/)
';

项目管理 & 代码托管

最后更新于:2022-04-01 10:32:28

## 项目管理 & 代码托管 * [Github](https://github.com/) [free to $] * [Codebase](https://www.codebasehq.com/) [$] * [Bitbucket](https://bitbucket.org/) [free to $] * [Unfuddle](https://unfuddle.com/) [$] * [Assembla](https://www.assembla.com/) [free to $]
';

Web/云/静态主机托管

最后更新于:2022-04-01 10:32:26

## Web/云/静态主机托管工具 * [AWS](https://aws.amazon.com/websites/) [$] * [Heroku](http://www.kancloud.cn/FrontendMasters/front-end-handbook/blob/master/tools/heroku.com) [free to $] * [DigitalOcean](http://www.kancloud.cn/FrontendMasters/front-end-handbook/blob/master/tools/digitalocean.com) [$] * [Modulus](https://modulus.io/) [$] * [DIVSHOT](http://www.kancloud.cn/FrontendMasters/front-end-handbook/blob/master/tools/divshot.com) [free to $] * [netlify](https://www.netlify.com/) [free to $] * [surge](https://surge.sh/) [free to $]
';

模块/包仓库

最后更新于:2022-04-01 10:32:24

## 模块/包仓库工具 * [NPM](https://www.npmjs.com/) * [Bower](http://bower.io/) * [jspm.io](http://jspm.io/) * [spmjs](http://spmjs.io/)
';

模块/包加载

最后更新于:2022-04-01 10:32:22

## 模块/包加载工具 * [SystemJS](https://github.com/systemjs/systemjs) * [webpack](https://webpack.github.io/) * [Browserify](http://browserify.org/) * [rollup.js](http://rollupjs.org/)
';

数据存储

最后更新于:2022-04-01 10:32:19

## 前端数据存储工具 * [YDN-DB](http://dev.yathit.com/ydn-db/index.html) * [forerunner](http://forerunnerdb.com/) * [AlaSQL](http://alasql.org/) * [LokiJS](http://lokijs.org/#/) * [lovefield](https://google.github.io/lovefield) * [Dexie.js](http://www.dexie.org/) * [localForage](http://mozilla.github.io/localForage/) * [pouchdb](http://pouchdb.com/)
';

测试框架

最后更新于:2022-04-01 10:32:17

## 测试框架工具 * [Karma](http://karma-runner.github.io/0.8/index.html) * [Intern](https://www.contentful.com/)
';

JSON

最后更新于:2022-04-01 10:32:15

## JSON 工具 **JSON 在线编辑器:** * [JSONmate](http://jsonmate.com/) **JSON 查询工具:** * [DefiantJS](http://www.defiantjs.com/) * [ObjectPath](http://objectpath.org/) * [JSON Mask](https://github.com/nemtsov/json-mask) **生成模拟 JSON 工具:** * [JSON Generator](http://www.json-generator.com/) * [Mockaroo](https://www.mockaroo.com/) **JSON API 在线模拟工具:** * [Mocky](http://www.mocky.io/) * [FillText.com](http://www.filltext.com/) * [JSONPlaceholder](http://jsonplaceholder.typicode.com/) * [mockable.io](https://www.mockable.io/) **JSON API 本地模拟工具:** * [json-server](https://github.com/typicode/json-server) **JSON 规范/模式:** * [json-schema.org](http://json-schema.org/) & [jsonschema.net](http://jsonschema.net/) * [{json:api}](http://jsonapi.org/)
';

动画

最后更新于:2022-04-01 10:32:12

## 动画工具 * [Velocity.js](http://julian.com/research/velocity/) * [snabbt.js](http://daniel-lundin.github.io/snabbt.js/) * [TweenJS](https://github.com/CreateJS/TweenJS) * [Dynamics.js](https://github.com/michaelvillar/dynamics.js) * [GreenSock-JS](https://github.com/greensock/GreenSock-JS) **Polyfills/shims:** * [web-animations-js](https://github.com/web-animations/web-animations-js)
';

图形

最后更新于:2022-04-01 10:32:10

## 图形工具 **常见图形工具:** * [Two.js](http://jonobr1.github.io/two.js/#introduction) * [Fabric.js](http://fabricjs.com/) **画布:** * [Paper.js](http://paperjs.org/) * [EaselJS](https://github.com/CreateJS/EaselJS) **SVG:** * [svg.js](http://svgjs.com/) * [Snap.svg](http://snapsvg.io/) * [Raphaël](http://raphaeljs.com/) * [d3](http://d3js.org/) **Webgl:** * [three.js](http://threejs.org/) * [pixi.js](https://github.com/pixijs/pixi.js)
';

数据可视化

最后更新于:2022-04-01 10:32:08

## 数据可视化工具 **JS 库:** * [d3](http://d3js.org/) * [sigmajs](http://sigmajs.org/) **部件 & 组件:** * [Chart.js](http://www.chartjs.org/) * [C3.js](http://c3js.org/) * [Google Charts](https://developers.google.com/chart/interactive/docs/) * [chartist-jsj](https://github.com/gionkunz/chartist-js) * [amCharts](http://www.amcharts.com/) [$] * [Highcharts](http://www.highcharts.com/) [Non-commercial free to $] * [FusionCharts](http://www.fusioncharts.com/) [$] * [ZingChart](http://www.zingchart.com/) [free to $] * [Epoch](https://github.com/epochjs/epoch) **服务:** * [Datawrapper](https://datawrapper.de/) * [infogr.am](https://infogr.am/) [free to $] * [plotly](https://plot.ly/) [free to $] * [ChartBlocks](http://www.chartblocks.com/) [free to $]
';