---
title: 工具及文档
date: 2018-05-06 11:56:00
comments: true
---

### Interesting tools

- [Rico's cheatsheets](https://devhints.io/) - 记忆小抄, 长话短说各种开发文档
- [Carbon](https://carbon.now.sh/) - 带样式分享代码
- [CodePen](https://codepen.io/pen/) - 在线测试前端代码
- [CodeSandbox](https://codesandbox.io/s/) - 代码沙盒，可以分享带有依赖的前端项目
- [Prettier](https://prettier.io/playground/) - 在线格式化 JavaScript 代码
- [Text-formatter](https://text-formatter.herokuapp.com/) - 格式化文本, 中英文之间留空格以及英文标点
- [DevDocs](https://devdocs.io/) - 一站式开发文档集合
- [Grammarly](https://app.grammarly.com/) - 英文语法错误检查
- [JSONPlaceholder](http://jsonplaceholder.typicode.com/) - RESTful API 假数据模拟
- [JSON2YAML](https://www.json2yaml.com/) - JSON 和 YAML 互转
- [JSON Parser](http://json.parser.online.fr/beta/) - JSON 格式化
- [RegExr](https://regexr.com/) - 在线正则测试及调试
- [Regulex](https://jex.im/regulex/) - 正则表达可视化, 快速理解正则表达式
- [CSSMatic](https://www.cssmatic.com/) - 生成镜像渐变, 盒子阴影等
- [CSS Gradient](https://cssgradient.io/) - 专业生成镜像渐变、线性渐变
- [SassMeister](https://www.sassmeister.com/) - Sass 演练场, 可以输出 AutoPrefixer 的结果
- [KeyframesApp](https://keyframes.app/) - CSS3 动画关键帧生成工具
- [CSS Sprites Generator](https://www.toptal.com/developers/css/sprite-generator) - CSS 精灵生成工具
- [JSNice](http://www.jsnice.org/) - 反编译已压缩的 JS 代码, 理解变量含义
- [Love2.io](https://love2.io/) - 开源技术文档分享平台
- [WakaTime](https://wakatime.com/) - 记录每天的编码情况, 使用什么语言及统计时长
- [Best of JavaScript](https://bestofjs.org/) - 最流行的前端开源项目清单
- [蓝湖](https://lanhuapp.com/) - 高效的产品设计协作平台, 标注切图很好用

### Docs

- **React**

  - [React 中文文档](https://doc.react-china.org/docs/hello-world.html)
  - [Redux 中文文档](https://www.kancloud.cn/allanyu/redux-in-chinese/82399)
  - [React-saga 中文文档](http://leonshi.com/redux-saga-in-chinese/docs/api/index.html)
  - [React-router 中文文档](https://react-guide.github.io/react-router-cn)
  - [Mobx 中文文档](https://suprise.gitbooks.io/mobx-cn/content/fp.html)
  - [Ant-design 文档](https://ant.design/docs/react/introduce-cn)
  - [React-Native 文档](http://reactnative.cn/docs/0.50/getting-started.html)

- **Vue.js**

  - [Vue.js 官网](https://cn.vuejs.org/v2/guide/)
  - [Vue-Router](https://router.vuejs.org/zh-cn/)
  - [Vuex](https://vuex.vuejs.org/zh-cn/)
  - [Vue-SSR 服务器端渲染](https://ssr.vuejs.org/zh/)
  - [Vue-NUXT](https://zh.nuxtjs.org/guide/installation)

- **Node.js**

  - [Node.js API](http://nodejs.cn/api/)
  - [Express 官网](http://www.expressjs.com.cn/guide/routing.html)

- **Electron**

  - [Electron 官方文档](https://electronjs.org/docs/)

- **WeChat**

  - [小程序官方文档](https://mp.weixin.qq.com/debug/wxadoc/dev/index.html?t=201832)

- **TypeScript**

  - [TypeScript 中文网](https://www.tslang.cn/index.html)

- **Vanilla JS**

  - [JavaScript 基础进阶系列](https://segmentfault.com/a/1190000012646488)
  - [深入理解 JS 异步](https://github.com/wangfupeng1988/js-async-tutorial)
  - [深入理解 JS (Tom)](https://www.cnblogs.com/tomxu/archive/2011/12/15/2288411.html)

- **Webpack**

  - [Webpack 3.x](http://www.css88.com/doc/webpack/)
  - [Webpack 2.x](http://www.css88.com/doc/webpack2/api/loaders/#version)

- **Python**

  - [Python 3 教程 (廖雪峰)](https://www.liaoxuefeng.com/wiki/0014316089557264a6b348958f449949df42a6d3a2e542c000)
  - [Django 中文文档](https://docs.djangoproject.com/zh-hans/2.0/)

- **More...**
  - [印记中文](https://docschina.org/)

### One more thing

欢迎在下面留言板分享你觉得有趣的所有东西, 本文[源代码地址](https://raw.githubusercontent.com/ifyour/ifyour.github.io/src/source/docs/index.md). 😎