常用的前端开发插件与工具合集

常用的前端开发插件与工具合集

Font Awesome字体图标插件

Font Awesome的矢量图标,将使您的网站在视网膜级的高分屏上大放异彩。 完美兼容其它框架 尽管是为Bootstrap设计,但Font Awesome同样能与其它框架完美协同运作。

• Font Awesome
• https://fontawesome.com/

SweetAlert系列（数据Ajax）插件

SweetAlert 是 JavaScript 原生 'alert' 弹窗的完美替代品... SweetAlert 让弹窗更容易、更美观。

• SweetAlert
• SweetAlert2
• SweetAlert 到 SweetAlert2 升级指南

后续继续更新………………

Toastr通知插件

• Toastr
• https://codeseven.github.io/toastr/

jquery toastr 一款轻量级的通知提示框插件。

网页开发中经常会用到提示框，自带的alert样式无法调整，用户体验差。

所以一般通过自定义提示框来实现弹窗提示信息，而jquery toastr正是为此的一款非常棒的插件。

开发中用angular比较多，所以笔记记录了angular一些常见使用，与jquery版本有些许不同 ，相差不大。

前端页面模板系列

管理后台模板

• Metronic
• http://metronic.kp7.cn

Metronic 6.0 是一套精美的响应式后台管理模板，基于强大的 Twitter Bootstrap 3.3.4 框架实现。Metronic 拥有简洁优雅的 Metro UI 风格界面，6 种颜色可选，76 个模板页面，包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件。

前台模板

制作网页布局工具

• dummyimage
• https://dummyimage.com

Dumy Image 网站是一个可以帮助前端设计师设定占位图片的在线工具，可以按照你设定的大小生成出一个图片占位符，用以填充网页设计上的图片，充实网页模版内容，更直观的查看网页设计模版的整体效果。

后续继续更新，敬请关注…………