这些年帮过我的前端框架（实用篇）

前端其实就好像建房子一样，建设的方式也是多种多样的。

例如你可以什么都不用，单靠双手去把房子砌起来。这样实在，稳健，房子的每一个角落你都知道得清楚楚楚，但是效率偏低。

你也可以使用各种工具，提交你建房子的效率。例如你可以用搅拌机，帮你和水泥。你可以不需要知道搅拌机的运行原理，你只要按它的指示按下开关，它就很快地帮你完成任务。

前端的框架，就是我们前端建房子的工具，繁多好用。

接下来我就要说一下这些年对我很有帮助的前端框架。

1.基础型框架

1.1jQuery——前端不懂jQuery，学得更多也枉然。

最普遍最简单实用的javascript框架，就算你不懂原生javascript为何物，但是只要你看上几遍jQuery的api，你也会发现你原来也懂操作dom，也会Ajax，也能实现页面上的各种交互。对于初学者来说，《锋利的jQuery》一书，绝对足够让你对jQuery入门上手。鉴于大家都知道它，就不多说了。

1.2 sass和less——css预处理神器

它们是css的预处理器，让css拥有了编程的特性，让css活起来了。它们的基本思想是，用一种专门的编程语言，进行网页样式设计，然后再编译成正常的CSS文件。如果说你还没用过它们，我只能说你太凹凸慢了。sass和less能让你的css更灵活，更高效，更容易管理。其他的好处我就不说了，你们可以去看看阮一峰的网络日志http://www.ruanyifeng.com/blog/2012/06/sass.html

1.3zepto.js——手机端小清新版jQuery

zepto.js简单的概括就是，手机端的简约版的jQuery.它的主要组件经过zip压缩后，只有9k。它的出现，让手机页面在响应和交互上增色不少。它的语法和jQuery基本一样。

当然它也有它坑爹的地方，就是touch.js的拓展，对一些浏览器是不支持的，兼容性比较差。大家要谨记这点，以免踩坑。

1.4Foundation——响应式布局的佼佼者

为什么要把Foundation放在基础篇里面，其实是想侧重突出它的布局思想——响应式布局。手机端页面越来越多的今天，灵活的流体设计盛行的今天，foundation的引导作用功不可没。尽管它的作用远远不止响应式布局，但是也是由于功能太多，有时候在移动端实用的时候，感觉略重。所以在这里建议大家就是把它的响应式布局的思想和原理学到手，然后自己去实现响应式布局。

2.页面搭建型框架

说到这个层面的框架，那真的是滔滔江水连绵不绝，一波未平一波又起。框架太多太多了，接下来只列举我用过的比较好用的几个。

2.1bootstrap——超级流行的搭建型框架

度娘告诉我们：Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark
Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking
News都使用了该项目。

丰富的组件和js插件，灵活的组建组合，简约优雅的ui等等等等，让web开发更迅速简单。不好的地方就是版本比较低的浏览器不支持里面的譬如响应式布局等内容。本人曾经用它快速搭建过后台系统，真心快很准。值得使用。