框架部分

设计框架

• 样式清除： reset.css或者 normalize.css

关于两者的区别可以参见：http://www.dengzhr.com/frontend/css/337

• 阿里图标库
  阿里妈妈MUX倾力打造的矢量图标管理、交流平台。
  设计师将图标上传到Iconfont平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。

• jquery
  jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。是很多插件的依赖

• bootstrap
  Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。

• animate.css
  animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画效果，几乎包含了所有常见的动画效果。

• WOW
  WOW.js 是一款帮助你实现滚动页面时触发CSS 动画效果的插件,依赖样式库animate.css

• drawer
  非常好用的菜单插件，依赖jquery iScroll

• lazyload
  jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度。在某些情况下，它也能帮助减轻服务器负载，插件基于jQuery或Zepto

• Swiper
  Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。
  Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
  Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！

功能性框架

• mvvc框架，如vue
• 文件上传jQuery-File-Upload
• 下拉选择框：jQuery Select2
• 表单处理相关
• jQuery.AjaxFileUpload.js
• form提交

• formFill & jQuery-form-autofill

• artTemplate

• 弹出框layer & jBox

• jQuery BlockUI
  jQuery BlockUI插件可以在不锁定浏览器的同时，模拟同步模式下发起Ajax请求的行为。该插件激活时，会阻止用户在页面进行的操作，直到插件被关闭。BlockUI通过向DOM中添加元素实现其外观和组织用户交互的行为。

• 验证框架validation & validform

• 在线编辑器ckeditor
• 树形结构ztree
• 表格处理jqGrid
• 日历 & My97DatePicker
• 图片查看器
• jQuery-EasyTabs
• 图片裁剪Jcrop
• 滚动条美化nicescroll

工具部分

• holder
  html图片占位符插件holder.js可以为图片生成一个占位符图片也可以为某个区域生成一个占位符图片，准确的说应该是为某个区域生成一个占位符图片，因为img也可以看做是一个区域。

• sass

• compass
• gulp
  …..

更多参考网站

https://github.com/iamjoel/front-end-plugins
https://www.zhihu.com/question/60517583