分享二十个web前端开发日常必备网站俗话说的好，磨刀不误砍柴功，了解并收藏一些实用性网站，不管是实例教学的个人博客，还是

目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能业务提效和产品创新。

俗话说的好，磨刀不误砍柴功，了解并收藏一些实用性网站，不管是实例教学的个人博客，还是归纳总结的资源整理，抑或是社区型的大佬云集地，对于我们的web开发来说，都有着事半功倍的效果。

学习先进技术，共同探讨前沿技术，提高自己的内在技术，达到合作共赢。

现在，就让我们一起来看看他们吧。

简单来说，有以下几种功能：代码托管、学习优秀的开源项目、当资料库、多人协作、搭建博客、社交、个人简历、写作等。还有更多功能，等你来发现。

GitHub几乎是所有程序员必备的网站了，不管你从事或者研究的是哪种方向，运用的是哪种语言，GitHub都能给你美好的学习感受。

领先的沉浸式互联网内容门户，一站式学习、创作和展示。支持中英文双语检索、模糊查询、在线预览和编辑。里面有很多很酷的动画和特效，总有一款你中意的。

是全球知名中文IT技术交流平台，创建于1999年，包含原创博客、精品问答、职业培训、技术论坛、资源下载等产品服务，提供原创、优质、完整内容的专业IT技术开发社区。

（这个是小编当初的的学习启蒙网站，毕竟小编的英文水平也就是justsoso，汗颜）

一个集合当下最流行的JavaScript代码库，显示流行排行，开发者可以轻松的找到想要最新的代码插件、工具和博客。

全球IT界最受欢迎的技术问答网站之一，一个解决bug的社区，称为编程界的十万个为什么。

掘金是一个帮助开发者成长的社区,是给开发者用的HackerNews,给设计师用的DesignerNews,和给产品经理用的Medium。

一款免费的数据统计工具，可以获取访问您网站的用户数据。

麻雀虽小，五脏俱全。一款操作简洁明了的小型开发工具，可以帮助您完成编码、解码、测试等常见任务。

一款可视化在线编辑工具，可以实时编辑样式，预览不同样式之间的差异。

对于css初学者来说，会获得一种视觉直观上的体验，学起来是不是就不那么枯燥乏味了呢。

有助于加快响应式Web应用程序的开发，是一款高效率工具。

MetaTags是一种为任何网站调试和生成元标签代码的工具。您可以编辑和试验您的内容的标签，然后预览您的网页在Google、Facebook、Twitter等上的外观！

在几分钟内直观地创建自述文件的最简单方法。

里面有很多很有意思的小工具，比如一键抠图、二维码生成、摩斯电码、歇后语、favicon在线制作、颜色转换等，也有可以在线运行代码的工具哦~

iconfont-国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具。

（悄咪咪的说一句：小编对这些小小的，萌萌的图案毫无抵抗力）

一个网站前端设计开发平台，针对网站前端代码的一个工具，上面有各种效果的案例特效，可以在他们的demo基础上开发自己的前端设计。

CodeSandBox网站提供一个在线开发环境的“沙盒”，主流的框架如React、Vue、Angular等，都可即开即用、实时编译预览，非常方便。

一个轻量级在线编辑网站，界面很干净，临时想调试简单的HTML或JS代码可以考虑来这儿试一试。

当然了，网站在精不在多，找到自己喜欢的、适合自己的，然后熟练掌握并使用，时不时发个自己的技术小心得，学习笔记什么的，不仅可以收获技术上的提升，还能给自己的记忆寻找一个可以存储的宝库，何乐而不为呢。