文档介绍：定义 1. 前端框架一般指用于简化网页设计的框架, 比如, jquery , extjs , bootstrap 等等, 这些框架封装了一些功能,比如 html 文档操作,漂亮的各种控件(按钮,表单等等)。 2. 使用前段框架可以降低界面开发周期和提高界面的美观性。 3. 有些框架比较轻量,比如 jquery ,有些框架比较重量,比如 extjs 。一般来说重量的框架会封装更多的功能,比如 extjs ,封装的 grid 控件有很强的数据展示和操作功能。 HTML5 前端框架 1. JX (腾讯) JX 是一个类似 Google Closure Library 的 Web 前端开发框架, 服役于 WebQQ 等大规模的 WebApp 。 JX 是模块化的非侵入式 Web 前端框架, 开发于 2008 年, 并于 2009 年开源 GoogleCode , 于 2012 年切换到 Github 。 JX 框架同时适用于 Web Page 和 Web App 项目的开发,特别适合构建和组织大规模、工业级的 Web App ,腾讯 WebQQ 、腾讯 Q+ 等产品都是采用 JX 框架开发, 兼容目前所有主流浏览器。 2. KISSY (淘宝) KISSY 是淘宝的前端类库,几乎在淘宝的每个页面上都能看到它的身影。 KISSY 提供稳定的核心, 包括 oo 、 dom 、 Event 、 Anim 、 Ajax 等; 强大且易用的脚本加载器, 特有的 loader ; 丰富的 UI 组件, 包括 Switchable 、 Overlay 、 Draggable and Droppable 等。 KISSY 具备模块化、高扩展性、组件齐全等特性。 3. QWrap ( 百度) QWrap 是百度有啊前端团队推出的一个 Javascript 框架, 支持 IE6+ 、 Firefox 、 Chrome 、 Safari 、 Opera 等浏览器,在 BSD 协议下开源发布。 QWrap 的特点如下: (1) 提供 jQuery 一样方便的 dom 功能,同时又打破 jQuery “专注于 dom ”的约束,也提供非 dom 的许多功能。(2) 提供 prototype 方便的原型功能, 同时又提供 的泛型功能, 并且提供用户有选择方便与严谨的自由。(3) 提供 YUI2 一样的静态方法库,同时又用所谓的 Helper 规范来做到真正的绝对静态,让组件开发者可以发布出无依赖的组件。 4. 学****YUI3 的 use , 同时又摈弃 YUI3 的严谨性洁癖,让 use 更实用。 5. QWrap 独创特的 Helper + Wrap + Retouch + Apps 设计, 让 QWrap 有更多的灵性等待你去发现。 4. 4. Tangram (百度) Tangram 是一款实用的 JavaScript 基础库,通过它可以快速构建出高度互动的 Web 应用程序。 Tangram 具有全浏览器兼容, 平滑升级体验以及自由定制输出最小尺寸的特点。 Tangram 团队合影 5. Como (康尚实验室) Como o 由上海康尚实验室开发, 是一款简易而功能强大的 JS 框架,对 String 等原生对象进行了扩展,支持常用的 CSS 选择器,高效的动画播放,强大的包扩展机制,支持类的继承等。 Web 前端 UI 框架 1. Bootstrap 创建者: Mark Otto and Jacob Thornton 核心概念/ 原理: RWD 和移动优先框架大小: 145 KB 预处理器: Less and Sass 响应式: Yes 模块化: Yes 起始模版/ 轮廓: Yes 图标集: Glyphicons 其他插件:无绑定,有其他三方插件独特组件: Jumbotron 文档: Good 定制:基本 GUI 定制,不过需要手动修改, 因为无颜色选取工具。浏览器支持: Firefox 、 Chrome 、 Safari 、 IE8+ ( IE8 需要 ) 授权: MIT Boostrap 绝对是目前最流行用得最广泛的一款框架。它是一套优美,直观并且给力的 we b 设计工具包, 可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的 UI 组件,栅格系统以及一些常用的 JavaScript 插件。 Bootstrap 是用动态语言 LESS 写的,主要包括四部分的内容: 脚手架——全局样式, 响应式的 12 列栅格布局系统。记住 Bootstrap 在默认情况下并不包括响应式布局的功能。因此, 如果你的设计需要实现响应式布局, 那么你需要手动开启这项功能。基础 CSS ——包括基