前端框架

http://wenku.baidu.com/link?url=59egpwQ63yDYMPZR_FyKBimfiYuXTWby6V4-ZgFnFhsoV5R2xN7BTeXngjpfbXHxRx2acd1Elwc5H7E6ykOqw5QIyfqkysAeIWVOD3GOMby

按我的观点，前端框架可以分为三类

1. UI 框架

   如 BootStrap, 定义了一套视觉风格，帮助你进行布局，提供了若干可以直接使用的组件，你可以只使用它提供的组件而不比自己设计 UI.

2. 工具框架

   按理说工具是不应该算框架的，但有一些工具已经复杂到了可以算框架的程度，比如 jQuery, 它集成了有关 DOM, XHR, 事件和动画的工具，也帮助你解决浏览器兼容性，以至于用 jQuery 编写的程序具有一种独特的风格。

3. 用于组织代码的框架

   比如 Backbone, Angular, 它们不提供像 jQuery 一样的功能（或作为插件提供），它只是帮你更好地组织代码，定义模块，配置模块之间的依赖关系等。

采用了 Bootstrap。有什么好处呢？
比如：
要做一个自适应的导航栏，就得考虑颜色、布局、对不同屏幕大小的适应。但是，如果用 Bootstrap，直接用导航组件就可以了，添加类似 nav-bar 的类。这就是说，我们可以直接使用定义好的组件，并且需要什么组件还是可以定制的。如果用原生的，还可以用 cdn 来加速加载速度。

一般的说来，好处在于：
1、直接使用定义好的组件（按钮、导航等等），并可以实现定制
2、良好的编程风格，团队合作起来更加容易理解。即便是不用，其编程方式也是值得学习的
3、帮你解决一部分兼容问题，自己就不用考虑那么多了
4、更多的附属资源，一个被使用频繁的框架，就衍生出来更多的附属资源

直观一点，你看，自己做个博客，也就写了七八行 css，其他全部 Bootstrap 搞定。

网页只提供基本的标签, 以及标签怎样组合,
业务需求和设计师想要的, 是一个整个可以用的页面,
那么, 从基本的标签, 到完成设计师要求的页面, 到实现需要当中的复杂逻辑, 有很大的鸿沟

首先, 要把 HTML 组合到一个成为小的组件, 组件之间定义好退通信的规则,
然后, 要对组件进行美美化, 同时做好组件切换或者切换过程当中的效果,
再然后, 将组件进行组合, 按照业务逻辑直接各种页面跟流程
当然, 这当中还会有大量的意外, 大量的 bug, 需要一点点解决掉

那么多事情, 你又没有三头六臂, 怎么办? 如果你会编程, 好最好的办法就是重用代码!
怎么重用代码呢... 就出现了各种组件, 各种类库, 各种框架
所以, 框架之类提高效率的办法就是看哪些代码可以重用, 包装一个下, 共享