大家好，我是一名新手Webber。学习web前端也有一些时光了。学习是一件能让人感觉充实而且快乐的事情，在自学的过程中，专注的学习固然重要，而在专注学习的同时如果能有一些好用的工具辅助我们无疑会锦上添花。本篇文章我会分享一些我在学习前端知识的时候用到的一些好用的东西，今后我还会不定期更新我在学习过程中遇到的一些问题和我的应对方案，或者其他的好用的工具推荐。

首先，学习编程，我们会需要有较好的学习文档配合我们的课程视频。意思就是往往我们需要有纯理论文档配合课程再加自己的实践，我们才能更好的理解代码。下面我推荐一些个人认为好用的一些网站方便查询。

一、参考手册和在线教程文档

1. 菜鸟教程

菜鸟教程 - 学的不仅是技术，更是梦想！ (runoob.com)

这里有汇聚了许许多多的编程知识和教程，没有广告，而且还可以在网站中直接实践，免去了另外再启动 IDE 的烦恼。这个也是目前我用的最多的。对了，在每一节的最下面还有许许多多的笔者分享他们的笔记，真的很受用。

 2. W3school

w3school 在线教程

3. w3c school

w3cschool - 编程狮，随时随地学编程

这个网站不止有参考手册，还有好多教学视频可以用。

 二、Utools 

一款非常值得推荐的工具软件，可以极大的方便我们的操作。官网下载：uTools官网 - 新一代效率工具平台

使用简单的快捷键即可全局呼出工具。这个工具软件的强大就在于它有一个还不错的插件市场，通过添加插件，我们可以快速用于查找编程手册、翻译、随手记录，它甚至可以通过直接输入应用名称打开应用，极大的方便了我们的学习和编程。它里面的 Markdown笔记 我在刚开始学习编程的时候也是很受用。

它的默认的快捷键是“Alt+space”，但是这个快捷键可以呼出下面的菜单用来关闭窗口或者缩小窗口，所以我不推荐使用这个快捷键。推荐使用“Ctrl+space”。如果你不常用这个快捷键可以忽略我的推荐。

 三、Typora 

这是一款强大的写作软件，相信许多小伙伴在看老师的视频的时候经常看到老师用这款软件写随手记。这款软件支持 Markdown语法 可以引用图片、代码块、链接等。其知名度不用我多说。

但是要die的是它从v1.0开始要收费了。86元终身使用，可在在三台设备上使用。对于重度使用它的人其实也还好，但是很少使用它的估计都断了念想。无妨，既然推荐了，肯定有我的道理——它的0.11.18版本依然是不收费的，据说还可以在官网下载到，可以去试试。

 四、思维导图

说到这个估计很多人都想到了Xmind吧，别急，我推荐的不是Xmind，是ProcessOn：ProcessOn - 免费在线作图，思维导图，流程图，实时协作

这是一个网站，在这个网站中我们可以免费写思维导图、流程图，并且导出是无水印高清的。

 童叟无欺，不去试试？😎