

对于前端开发工程师来说需要花大量的时间去阅读我们所使用的语言或相关类库、框架的 API 文档。当自己写出函式库时也会为自己的函式库加上适当的文档说明,这是一个避免不了的过程。毕竟前端开发工程师必须把脑力花在逻辑思考上,而不是记忆这些 API 文档。当然写多了以后自然而然的查 API 文档的次数就会越来越少。但是当刚进一个领域再回来后发现自己又是什么都不懂。
聪明的前端开发工程在乎的是写程式的思维,而不API文档。因为记住所有API几乎是不可能的。速查表(Cheatsheets)里头存放着浓缩过后的精华,当你是个有经验的人,使用 速查表(Cheatsheets)能够帮自己快速的复习,并且用最短的时间让自己恢复到开发状态,因此常常会去搜集各个前端开发相关速查表(Cheatsheets)有利于我们快速开发,节省一些不必要的时间浪费。
今天看到 Medium 上前端开发相关速查表(Cheatsheets)整理集合,参考了一部分,并且增加了一些平时我自己再用的几个速查表。
前端开发速查表(Cheatsheets)
Javascript ES2015+ 新特性
https://www.css88.com/dev/es6.html
Javascript
Javascript 正则表达式
https://www.debuggex.com/cheatsheet/regex/javascript
React
https://www.css88.com/dev/react.html
Redux
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
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://medium.freecodecamp.org/modern-frontend-hacking-cheatsheets-df9c2566c72a
- https://makeawebsitehub.com/cheat-sheets/
- https://kerol2r20.github.io/post/2017-11-01-frontend-chest-sheets/
如果遗漏了你喜欢的速查表(Cheatsheets)?在评论里告诉我吧!
scss的链接有问题
链接已经修复,谢谢
网站速度好慢,很卡