工欲善其事必先利其器，在技术快速更新的时代，我们不要闭门造车，要借助的现有的资源提高我们的效率，以下是我整理出来比较实用的网址，会持续更新……
工具网址
图片压缩[https://tinypng.com/ ]
加私有前缀[ https://autoprefixer.github.io/ ]
快速生成栅格化 [ http://grid.guide/ ]
code pen [ https://codepen.io/ ]
阿里巴巴矢量图标 [ http://www.iconfont.cn/ ]
有字库 [https://www.youziku.com/ ]
ico转换工具 [http://www.bitbug.net/ ]
动效网站
loading加载动画[ https://loading.io/ ]
按钮动画[ http://www.17sucai.com/pins/demoshow/25581]
白鹭时代[https://www.egret.com ]
canvas-echart图表[http://echarts.baidu.com/ ]
jquery 插件 [http://www.unheap.com/ ]
插件工具
谷歌浏览器的几款插件
1、JSONview插件，将json数据美化；
2、Wappalyzer插件，查看网站用了那些技术；
3、Vue Devtools插件，可以查看vue整体的结构；
设计网站
website [ http://reeoo.com/ ]
seeseed [https://www.seeseed.com/ ]
bwg [ https://bestwebsite.gallery/ ]
天空之城 [ https://www.skypixel.com/ ]
500px [https://500px.com/popular ]
国外优秀的UI设计资源库 [http://www.w3cplus.com/source/ui-design.html ]
20个免费下载PSD设计网站 [ http://www.w3cplus.com/source/20-great-websites-to-download-free-psd-files.html ]
书籍
《JavaScript DOM编程艺术》
《JavaScript权威指南》
《javaScript DOM高级程序设计》
《JavaScript设计模式》
《锋利的jquery》
其他
GitHub最全的前端资源汇总仓库（包括前端学习、开发资源、求职面试等）[https://github.com/helloqingfeng/Awsome-Front-End-learning-resource ]
关于js的学习方法 [ https://www.sitepoint.com/projects-can-sometimes-be-the-worst-way-to-learn-javascript/ ]
9 个常见错误阻碍你进步 [ https://juejin.im/post/59bb4a7c6fb9a00a53274cd7 ]
如何优雅的编写 JavaScript 代码 [ https://zhuanlan.zhihu.com/p/28910636 ]
