#开发环境篇：前端开发中常用插件和前端好站

前端常用插件

一、vuedraggable 拖拽插件使用

示例地址: http://hanwenblog.com/post/57.html

二、vue-treeselect 树型下拉选择

示例地址: https://vue-treeselect.js.org/

三、脚手架市场

https://scaffold.ant.design/#/ 各种框架实例

前端好站

一 、配色类网站

http://colorhunt.co
这个网站给我们提供了很多的配色方案，我们直接使用就OK了。使用方法也很简单，鼠标移动到对应的颜色上，我们就可以看到颜色的十六进制码，复制这个颜色到工具里就可以使用了。
https://webgradients.com/

180种渐变方案供你选择，还可以直接复制CSS样式应用到网页中

https://color.adobe.com/zh/create/color-wheel

这个是Adobe公司出的，他提供了多种配色方案。我们点击圆盘中间的点，就可以调整出我们想要的配色方案。

http://www.colorhunter.com/

这是一个提取现有图片配色方案的工具。我们上传一张图片，它就会帮我们把图片的配色提取出来供我们使用。

http://www.bootcss.com/p/websafecolors/

这个网站是为WEB设计，开发中经常用到的安全色。网站内列出了颜色的十六进制码和RGB码，复制粘贴就可以了。

http://www.sioe.cn/yingyong/yanse-rgb-16/

这是一个在线RGB和十六进制颜色码转换工具。在对应的位置填入十六进制代码，点击转换，我们就可以获取到RGB颜色的代码了。

https://www.114la.com/other/rgb.htm

矢量图 https://undraw.co/search

二、图标类网站

http://www.iconfont.cn/plus

这是阿里巴巴旗下的图标库网站，直接搜索关键词就可以找到大批的图标。下载图标的时候我们还可以选择颜色、大小、格式，根据自己的需要下载就好了。

http://www.easyicon.net/iconsearch/ios/

这也是一个非常有名的图标库，与上面那个不同的是，这里的图标不是单一颜色的，而是设计好的颜色。下载图标也很简单，直接点击对应图标上面的格式就可以下载。

http://www.thinkcmf.com/font/search.html

奥森图标（Font Awesome）提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ，颜色，阴影。

三、插件类网站

http://www.jq22.com/

这个网站分享jQuery插件和提供各种jQuery特效的详细使用方法,在线预览,jQuery插件下载及教程

http://www.htmleaf.com/

这个网站与上一个网站类似，也提供了大量的jQuery插件

http://www.layui.com/

这是一个强大的模块化前端框架

四、素材类网站

http://588ku.com/

千库网，一个免费下载图片素材的网站

https://unsplash.com/

Unsplash是一个分享免费高质量照片的网站，照片分辨率都挺大，而且都是真实的摄影师作品，图片多是风景和静物。

五、字体类网站

http://www.youziku.com/onlinefont/index

有字库，一个免下载字体，直接在线引用字体的网站。

六、工具类

http://tool.lu/

一个在线工具网站，包含大量在线工具

https://tinypng.com/

一个在线图片压缩工具，可以批量使用

http://www.css88.com/

各种前端类工具和技术文章

七、工经常需要拿来看的网站

iview：https://www.iviewui.com/

mockjs:http://mockjs.com/

axios:http://www.axios-js.com/zh-cn/

electron-vue:https://electronjs.org/docs

vue.js:https://cn.vuejs.org/

八、前端模板网站

http://js.mobanwang.com/special/plugins/
模板王 这个网站的页面比较简单一点吧

http://www.dowebok.com/
这个网站的东西比较全面一点，css ,jquery插件等等

九、免费的书籍

https://github.com/ruanyf/free-books

十、阮一峰(前端大神的博客)

http://www.ruanyifeng.com/blog/javascript/

十一、亲戚关系计算器

https://passer-by.com/relationship/

十二、Iconbolt

https://www.iconbolt.com/

补充以下（好网站库）

• 1.[场库]高品质短片分享平台
• 2.[evernoto]印象笔记，管理你的第二大脑
• 3.字体图标库
  • [https://icomoon.io/]免费矢量图标字体库
  • [https://www.iconfont.cn/]阿里巴巴字体库
  • [http://www.17ziti.com/azsoft/295.html]小米字体库
  • [https://wangdoc.com/]网道（WangDoc.com）是一个文档网站，提供互联网开发文档.
  • [码云]帮助个人、团队、企业轻松实现 Git/SVN 代码托管、协作开发
  • [GitHub]是一个受您工作方式启发的开发平台。从开源到业务，您可以与4000万开发人员一起托管和审查代码，管理项目并构建软件。
• jquery之家）jquery插件库
• swiper好站图片轮播
• 站长工具
• bootstrap框架
• 移动端框架
  • amaze ui
  • mint ui
  • m ui
  • s ui
  • vant
  • lay ui
  • element ui(结合vue使用)
  • animate.js
• 极简插件（谷歌浏览器）
• typescript推荐学习
• mac壁纸
• [https://developer.mozilla.org/en]MDN前端查询手册（全）
• [菜鸟教程]Dom学习、点击事件
• [fetch]ajax 请求
• ![Alt text]ajax里面解决跨域问题
• [http://httpbin.org/]异步讲求链接
• [http://jsonplaceholder.typicode.com/]异步请求链接
• [ES6]学习 阮一峰网站
• [https://www.apicloud.com/m/] APP开发
• [webpack]包
• [https://chrome.zzzmh.cn/]极简插件chrome扩展库
• [https://www.52pojie.cn/misc.php?mod=faq]吾爱破击网站
• [https://cmder.net/]cmder官网
• [https://cloud.tencent.com/developer/chapter/18113]npm/yarn使用