web开发快速提高工作效率的网址及工具

工欲善其事必先利其器，在技术快速更新的时代，我们不要闭门造车，要借助的现有的资源提高我们的效率，以下是我整理出来比较实用的网址，会持续更新......

学习的网站

• 纳米学习[http://1nami.com/]

工具网址

• GTmetrix，输入任何你想测评的网址，就可以得到优化建议了。[https://gtmetrix.com/]
• 图片压缩[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/ ]
• 查询兼容的网站 [ http://caniuse.com/ ]
• 升级各大浏览器的网站 [ https://browsehappy.com/]
• 富文本 [http://www.wangeditor.com/index.html]
• 大前端 [http://www.daqianduan.com/nav]
• Javascript ES2015 特性 [https://segmentfault.com/a/1190000011867361] [ http://overapi.com/javascript]
• Javascript 正则表达式 [https://www.debuggex.com/cheatsheet/regex/javascript ]
  -React[ https://devhints.io/react]
• Vuejs [https://vuejs-tips.github.io/cheatsheet/ ]
• Vuex [ https://vuejs-tips.github.io/vuex-cheatsheet/]
• Angular 4 [ https://angular.io/guide/cheatsheet]
• Flexbox [ https://yoksel.github.io/flex-cheatsheet/]
• SCSS [ https://devhints.io/sass]
• 好用神器网址 [ http://www.jianshu.com/p/058671d37f4d ]
• 有字库 [ https://www.youziku.com/ ]
• h5大纲查询 http://h5o.github.io/
• 验证会html结构是否书写规范 https://validator.w3.org/
• css重置样式1 https://meyerweb.com/eric/tools/css/reset/
• css重置样式2 http://necolas.github.io/normalize.css/
• 腾讯浏览器服务 http://x5.tencent.com/tbs/guide.html

动效网站

• 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/ ]

插件

• pcikadate 响应式的时间插件
• Magnific-Popup

插件工具

• 谷歌浏览器的几款插件
  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 ]
• https://www.iloveimg.com/ 压缩图片

书籍

• 《JavaScript DOM编程艺术》
• 《JavaScript权威指南》
• 《javaScript DOM高级程序设计》
• 《JavaScript设计模式》
• 《锋利的jquery》

国外的

• 解决方案 https://stackoverflow.com/
• 可以买卖代码的 http://codecanyon.net

其他

• 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 ]
• 12个免费学编程的网站[ http://www.csdn.net/article/2015-09-09/2825663 ]
• 源码分享网站 [ http://www.zuidaima.com/]
• 编程中国 [ https://www.bccn.net/ ]
• js收藏夹[ https://www.zhihu.com/collection/174332512 ]
• 纳米学习 [http://1nami.com/]
• 打造全满分网站 [ https://segmentfault.com/a/1190000011867361]
• 10 个独特的 CSS 背景视觉效果 [ http://svgtrick.com/tricks/dc4f73cd7193fff5f61dfdb1d36a4b6c]

你们的支持，是让我保持更新的动力......
git下载地址 [https://github.com/galyean-gong/note.git],记得打星哦！