Web开发当中，前端视图层的美化在一定程度上决定着用户体验，当一个WEB应用的VIEW层很美观，那么她有可能会吸引更过的人参观这个网站，作为一枚攻城狮，一定会知道Twitter上面一个有名Bootstrap,目前这个前端框架很受攻城狮们的青睐，它是为移动而生，响应式布局，为移动设备提供解决方案;它一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言LESS写成。

　　Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC(微软全国广播公司)的Breaking News都运用了该项目。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来、为移动而生。

一、框架的优点

　　1、开发效率的提高。

　　一般框架都封装了一些常用的JS组件和Web应用组件，只要在布局上添加相应的类名即可实现相应的效果，而且这样写有效的控制了各个内核浏览器的兼容性问题，更便于优化代码，提高代码的可读性。提高整个项目的效率，从而使项目的QA得到完善。

　　一般情况下，使用前端框架开发web应用，整体的效率会提高30%以上，很多时候我们更愿意去花时间去熟悉前端框架的架构，语法等;总之前端框架就是为了便捷的开发应用;

　　2、规范代码命名

　　每个框架都有属于自己的命名规范，在JS 、CSS上面，她们都独立于项目之中存在，不存在类名冲突问题，这样的规范使项目更加简洁。在《代码之美》一书中提到，代码的美丽在于它的结构上面。有时候，我们看着杂乱无章的代码就会很压抑，反之，看到布局、结构好的代码心情都会变好。在项目当中，无论你做前端还是后端，请养成一个良好的职业习惯，注释;

　　3、更好的团队合作

　　有些公司会将一些稍大的站点的前端代码分成若干子项目。有过此 类经验的朋友应该对这种开发方式深感郁闷，要注意公用CSS，还有注 意相互之间的代码配合。 久而久之，废弃代码越来越多，互相之间也难 以阅读。如果建立好合适的CSS框架，大家可以减少很多不必要的错误， 提升产品质量和工作效率。有些公司会将一些稍大的站点的前端代码分 成若干子项目。有过此类经验的朋友应该对这种开发方式深感郁闷，要 注意公用CSS，还有注意相互之间的代码配合。 久而久之，废弃代码越 来越多，互相之间也难以阅读。如果建立好合适的CSS框架，大家可以 减少很多不必要的错误，提升产品质量和工作效率。

　　4、解决浏览器的兼容性问题

　　现在大部分项目都要求兼容IE6，7和FF。每个站点可能都会花上一部分时间去处理兼容问题。在框架层面上就将这个问题处理好。就可以为后面的兼容问题节 省下大部分时间。

　　5、一套完整的、结构清晰的结构代码

　　CSS框架为你的项目提供一个干净、严谨的基础架构。通过它你可以快速的为你的站点搭建基础的HTML代码框架。万事开头难，前面的基础工作做好了。后面 的开发速度会提高很多。

二、框架的弊端

　　1、需要完全的理解整套框架

　　每个前端框架都有对应的结构和语法，在新同事加入项目时，都需要花一定的时间去完全的理解整套框架及编码规范，在这熟悉的过程中，大大增加的项目的开发周期;

　　2、框架中的原有BUG

　　在框架当中，为了使大众浏览器得到兼容，有些时候对于小的BUG会留在框架本身当中，在项目开发时，要修改框架中的错误等，这样也会增加项目的开发周期，加大成本;

　　3、限制开发思路

　　前端框架一般都是集合了很多思想在一起的代码集合，而大部分框架会限制一些开发者的思路，无法开发出个性的WEB应用，框架给出大家基本的架构及开发的思路，这可能会限制你对产品开发的新思路;

　　4、臃肿的源代码

　　在前端框架中，我们一般都会要加载很多依赖很多扩展库才能正常运行，这样的代价是要加载很多文件，减慢了网页的加载速度，在一定程度上是用户体验降低。框架本身就有很多用不到的代码，显得很臃肿。

　　5、框架的语义化

　　HTML代码的语义化。框架的每个站点都是独立存在的，开发难以去保证CSS框架的语义化，和代码逻辑的条理性。

　　综述上面，前端框架有弊也有利，作为开发者要合理利用这框架优势，讲这优势用于在实际开发项目当中，而对于框架不好的地方也注意防范措施。记得有一次上知乎的时候，看到大家对这个前端框架的运用褒贬不一，我对于框架而言，只要是对项目有利的东西都愿意去尝试一下。前端框架也会成为开发者必须接触的一种技术，熟悉并利用它为项目带来快捷、便利。

　　本文由重庆网站建设-中技互联：www.zjcoo.com