一、工具类

1.webstorm-------------------http://www.jetbrains.com/webstorm/

这是我工作以来，在大部分开发工具中觉得比较好使的，它也自带快捷编辑功能，还可以调整编码风格，从快捷键，字体和视觉主题到工具窗口和编辑器布局。推荐可以一试。

2.Sublime Text 3-------------http://www.sublimetext.com/3

这款工具真的是家喻户晓，也是我在校期间老师推荐以及一直使用的，它以简单的界面，强大的快捷输入及API为惊喜，刚入门或者准备进军前端的可以一试。

3.HBuilder---------------http://www.dcloud.io/

飞速编码的极客工具，手指爽，眼睛爽，这是网站对自己的评价，我也使用过，可能技术还没那麽高深，用了一会儿还是回到了webstorm。┐(?～?)┌ 

二、图标类

1.阿里巴巴矢量图标-----------------http://www.iconfont.cn/

属于阿里旗下的图标库，里面的图标可以根据自己的需求选择大小颜色格式，很丰富。

2.Font Awesome-------------http://fontawesome.dashgame.com/

一款被大众都熟知的图标库，这里的每一个图标可以改变css来达到你的需求，并且功能是真心强大。

3.easyicon-----------------------https://www.easyicon.net/

也是一款比较有名的图标库，但是相比以上两款我个人觉得略显操作复杂，并且容量有点小，但是里面的图标大都是设计好的，也是可以推荐。毕竟青菜萝卜各有所爱不是（￣︶￣）↗

三、学习类

1.慕课网---------------------https://www.imooc.com/

里面有非常多的视频教程以及各个攻城狮领域的详解，不过这个网站之前收费还算少，现在好的教程笔记大都都收费的较多。

2.极客学院------------------http://www.jikexueyuan.com/

更很多学习网站都差不错，里面有很不错的对不同攻城狮的职业途径教程，由浅到深，也是不错的。

3.JQUERY-------------------https://www.jquery123.com/

jq是必不可少的，当然原生的js会用就更好了，这些文档最好多读几遍，每一遍之后的感觉都会不一样的，也可以在学习过程中自己开发小的案例。