前端框架的分级

各大前端框架可以按照"封装度"的标准来区分，设计出一套网页皮肤，封装度为0；层层封装到可以直接用后台语言写页面，封装度为10。

1级：纯html+css，基本就是不使用任何框架，仅用DreamWeaver设计出来的页面或者使用网页查看源代码扒下来的皮肤。

2级：bootstrap的出现是一个里程碑事件，发源于twitter，引入了不少html5/css3的特性。由于它对响应式的支持以及良好的体验，给人一种耳目一新的感觉。其源码，不管是css还是js都值得学习一下，看后经常会有"原来还可以这样做"这种恍然大悟的感觉。不过归根结底是一套ui皮肤+少量js组成的框架，属于封装度偏低的框架。

3~4级：metronic/adminLTE系列，基于bootstrap或其它2级框架，然后集成了各种jQuery插件、富文本编辑器等js库，组成的一个大杂烩工具包和案例库。皮肤基本是基于bootstrap自定义的一套主题。案例比较详尽，开发的时候找到需要的组件把前端代码复制粘贴，再稍微调试一下就能达到良好的视觉效果。