对于前端开发工程师来说需要花大量的时间去阅读我们所使用的语言或相关类库、框架的 API 文档。当自己写出函式库时也会为自己的函式库加上适当的文档说明，这是一个避免不了的过程。毕竟前端开发工程师必须把脑力花在逻辑思考上，而不是记忆这些 API 文档。当然写多了以后自然而然的查 API 文档的次数就会越来越少。但是当刚进一个领域再回来后发现自己又是什么都不懂。

聪明的前端开发工程在乎的是写程式的思维，而不API文档。因为记住所有API几乎是不可能的。速查表（Cheatsheets）里头存放着浓缩过后的精华，当你是个有经验的人，使用 速查表（Cheatsheets）能够帮自己快速的复习，并且用最短的时间让自己恢复到开发状态，因此常常会去搜集各个前端开发相关速查表（Cheatsheets）有利于我们快速开发，节省一些不必要的时间浪费。

今天看到 Medium 上前端开发相关速查表（Cheatsheets）整理集合，参考了一部分，并且增加了一些平时我自己再用的几个速查表。

前端开发速查表（Cheatsheets）

Javascript ES2015+ 新特性

https://www.css88.com/dev/es6.html

Javascript

http://overapi.com/javascript

Javascript 正则表达式

https://www.debuggex.com/cheatsheet/regex/javascript

React

https://www.css88.com/dev/react.html

Redux

https://github.com/linkmesrl/react-journey-2016/blob/master/resources/egghead-redux-cheat-sheet-3-2-1.pdf

Vuejs

https://vuejs-tips.github.io/cheatsheet/

Vuex

https://vuejs-tips.github.io/vuex-cheatsheet/

Angular 4

https://angular.io/guide/cheatsheet

Flexbox

https://yoksel.github.io/flex-cheatsheet/

SASS

https://www.css88.com/dev/sass.html

Stylus

https://www.css88.com/dev/stylus.html

GraphQL

https://raw.githubusercontent.com/sogko/graphql-shorthand-notation-cheat-sheet/master/graphql-shorthand-notation-cheat-sheet.png

jQuery

https://www.css88.com/jqapi-1.9/

CSS3

https://makeawebsitehub.com/css3-mega-cheat-sheet/

HTML5

https://makeawebsitehub.com/the-html-5-mega-cheat-sheet/

WEB开发速查表集合

https://www.css88.com/dev/

参考

1. https://medium.freecodecamp.org/modern-frontend-hacking-cheatsheets-df9c2566c72a
2. https://makeawebsitehub.com/cheat-sheets/
3. https://kerol2r20.github.io/post/2017-11-01-frontend-chest-sheets/

如果遗漏了你喜欢的速查表（Cheatsheets）？在评论里告诉我吧！