10个前端必备的高质量工具和网站！

　　10个前端必备的高质量工具和网站！

　　学习是一个向内深化和向外拓展的过程，技术流更是如此，前端的学习也不例外，它不是“闭门造车”，而是“师夷长技以自强”的过程，所以要不断地扩大自己的眼界、更新自己的技术。

　　经常逛网站就是一个不错的选择，很多网站、工具可以让我们在开发中更轻松，今天就整理了一部分，还不赶快码住。

　　1、CODEPEN

　　首先要介绍的第一个网站是CODEPEN，这是每一个前端工程师都知道的网站，顾名思义就是代码笔，是前端设计师测试在线测试代码的神器，同时也是前端设计学习和调试、寻找灵感的网站，全球超过180万以上前端设计师在这里分享作品和学习前端技术，除了支持自己的在线调试，还可以查看一些流行炫酷的JS效果。在这里大多数分享的作品都是开源的，你可以学习到优秀的开发人员是如何构建*敏*感*词*和测试功能。

　　2、w3school

　　这个网站提供了一些可供开发者参考的学习路径和学习资料，对初学者来说很有用的一个网站，比较适合前端新人，包括HTML、JavaScript、CSS等基本教程，教的都是很简单很容易上手的基础知识，如果你是零基础的前端小白，我建议你可以从这里开始，边学边练。

　　3、Responsively

　　一款专用于web开发的浏览器，在地址栏输入网址，你就能看到该网页在移动端和桌面端的显示效果，便于调整排版，提高开发效率，整体来说是一款非常不错的web开发工具。

　　4、Small Dev Tools

　　Small Dev Tools是一个前端工具网站，包含了很多实用的功能，比如JSON*敏*感*词*、JSON格式化程序、UTF8编码、Base64编码、Base64解码、CSS格式化程序、CSS压缩器等。

　　5、Web Page Test

　　任何网站的性能一直是一个热门话题。为你的网站提供更慢的服务可能会导致销售额大幅下降成SEO评级降低。网页测试工具将帮助你了解Web应用程序发送到用户浏览器的用户，专业且详细地让你明白如何优化网站。

　　6、overAPI

　　不论是多么优秀的程序员都不可能记住一切。倘若在你编写程序的过程中碰到问题需要查阅手册的时候有现成的在线手册参考可以大大提升效率。而overAPI就是这样一个网站，它收集了众多对开发人员非常有用的手册。

　　7、Vscode Dev

　　我们可以通过Vscode Dev访问远程GitHub存储库，与GitHub插件相结合是进行代码审查的绝佳伴侣。

　　8、Can I use

　　Can I use是一款前端兼容性自查工具。将代码交付到生产环境时，了解你所依赖的本机浏览器功能的支持非常重要，这个可以帮助你了解其对浏览器的整体支持。

　　9、daily.dev

　　daily.dev是一个为开发者而生的信息聚合平台，提供了超过350+个开发者资讯来源，汇总了一万多个技术标签，是一个获取最新开发资讯的好渠道。除了Chrome插件之外，它还提供了Firefox、Edge等插件供用户下载。

　　10、CSS-TRICKS

　　很多前端工程师都讨厌写CSS，但CSS又是必需的，那这个时候你就缺少不了CSS-TRICKS这个网站，它不断地在更新一些优秀的教程和技巧，也一直在改版，为前端社区作出了很大的贡献。

　　谁说电脑不能提升自我，别人在用电脑打游戏，你在网站上精进自己。你不会的东西、觉得难的东西，一定不要怕，一定不要躲，先搞明白，后精湛。

　　最后，前端技术更新迭代很快，无论是新手菜鸟还是大神都在不断地学习，所以一定要多看多听多学，慢慢的你就比别人优秀了，因为大多数人都不舍得花力气去钻研，自动淘汰，所以你的坚持一定是有成果的，前端给你的回馈不会让你失望。

　　END

　　扫码关注，免费领取前端资料