[实用技巧]推荐一些很是棒的前端网站

有时候，提升效率的办法，好比收藏一些好用的网站。这么多年下来，收藏夹里面躺着一些好用的网站，来掘金的时候，收获了不少知识，这时候准备回馈点东西给大家。css

❝
若是部分国外网站访问不了的，请自行解决。html
❞

平时学习前端时用到的一些辅助工具类网站前端

网址	说明
www.typora.io	我的最喜欢的Markdown写做工具，所见即所得。
mdnice.com	使markdown语法更加美观。
unbug.github.io/codelf	变量命名推荐（支持中文）。
www.docschina.org	印记中文。
github.com/any86/any-r…	正则表达式库，很是全，使用起来很方便。
xuanfengge.com/easeing/cea…	css动画缓动函数预览及生成。
www.toptal.com/developers	多张图片合成雪碧图，并生成对应css。
tool.lu	整合经常使用的工具，包括正则表达式，进制转换等。
www.bootcdn.cn 或 cdn.baomitu.com	国内的CDN库，速度快。
www.gitignore.io	根据选择会去生成.gitignore文件。

使用起来很方便，若是你使用Vscode开发的话，去插件商店搜索any-rule，很是便利。node

unbug.github.io/codelf 还在为命名而烦恼吗？它就能帮你解决，变量推荐的网站。react

好比多张图片生成雪碧图，还有国内的CDN库，赶忙去试一试吧。git

常见的CSS动画库，炫酷的组件，各类好看UI组件，各类样式及动画在线生成。github

网站	说明
htmlarrows	提供HMTL的特殊符号，只有你想不到的
cssdeck	在线CSS前端代码Demo样式效果
codepen	前端炫酷样式效果，各类loading效果，在线编程，Vue组件也特别多
Animista	前端炫酷样式技能效果,各类各样的动画效果，提供在线的CSS代码
cubic-bezier	CSS3贝塞尔曲线在线调试工具
three.js	JavaScript编辑3D模型，各类各样炫酷的效果以及Documentation值得你去了解
View UI	一套基于 Vue.js 的高质量 UI 组件库
Snapsvg	SVG动效的JS库,各类炫酷的效果。
Cool Backgrounds	超酷的背景图片，渐变的色彩的图片背景都有，看起来很酷。

上面的网站，咱们就选两个介绍一下。web

「codepen」正则表达式

一个在线编程的网站，不止如此，还能给你提供很是丰富的组件，炫酷的动画也会给你思想上很大的冲击力。

有时候，你想要的Vue组件上面说不定都有，好比你须要好看的loading UI的话，codepen都能给你必定的帮助。

「Animista」

咱们直接看看这个网站能够减小咱们哪些工做量吧。

有时候，你须要一个炫酷的入场动画，或者是炫酷的出场动画，这个网站就能够帮助你，直接给你生成相应的代码，减小了你的工做量。

经过刷题和编程训练来提高编程思想

对于非Acmer而言，经过这个两个网站刷题来提升编程思想就好啦

「剑指offer」

咱们拿这个剑指offer来讲，里面的题目质量都是很高的，经过此网站的刷题，会让你的编程思想更有所提升，也帮助你早日拿大厂Offer🚀

上面的分类会有相应的题目练习，经过分类标签刷题，这样子效率会更高些。

检测Web前端兼容性或者是网站性能测试

「Can I Use」

很是好用的网站，有时候，你不知道一个属性的兼容性，一查便知🚀

「PageSpeed」

这个网站能够帮你检测性能，给你提出一些优化建议，对于有我的博客的掘金小伙伴来讲，很不错。

至于其余的网站，自行去探索一下。

技术分享和教程视频。

网址	说明
free-programming-books	这个就很少说了，强烈推荐过的，免费的计算机编程类书籍，不少很全，不过都是英文的，有英语阅读习惯的人强烈推荐给大家。
可汗学院	可汗学院是一种新型的教育方式，甚至颠覆了美国的教育方式，简单地说，就是世界上最牛的老师，给全世界想学习的人，创造的一个百科全书式的、全免费和网上智能跟踪的视频学习平台
IT大咖说	国内技术大会分享录像为主。
慕课	国内网站，免费课挺多，实战课付费，按课付费，价格偏贵。（其余如腾讯课堂，网易云课堂等都差很少一个路数）
Udacity	Udacity 中文名叫作「优达学城」，是一个免费的自学编程的网站，不过目前也有一些收费课程。

固然了，这里有中文版的，地址：free-programming-books-zh_CN.

GitHub上面154k,中文版的也有68k+,很是好的学习资源。

有些人喜欢看视频，以为这样子更加清楚直观，因此不少人都更喜欢看视频，尤为是刚入门的时候。网上如今也有不少培训机构的课程视频，能找到了也能够看一看，可是进阶时建议多看些国外视频，拓宽下视野，顺便练下英语能力。

上面大部分网站的视频仍是付费的，若是想看免费的视频其实能够看youtube，上面技术分享的视频也很是多，重点是都是免费的。

下面推荐几个youtube的技术帐号，能够关注一下。

开发中遇到问题，去这些地方就对了。

网站	说明
知乎	没什么说的，有了知乎应该没有人会再去用百度知道那垃圾东西了吧。
Segmentfault	更专一技术问题。
Stack Overflow	Segmentfault的外国原版，很是强大。
cnodejs	node社区
react-china	react社区
掘金	掘金是一个高质量产出的地方，固然了，不少的问题在这里也是能够寻求帮助并解决的。