前端类库、UI库、工具库列表

UI组件库

JX UI —— 腾讯JX前端框架的UI组件库

http://alloyteam.github.io/JXUI/

*********************************************************

Alice —— 支付宝的样式解决方案

http://aliceui.org/

是支付宝的样式解决方案，是一套精选的基于 CMD 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。 她包括了一套通用样式模块库，一个模块化样式构建规范，一组帮助书写和组织样式的工具，以及产出更多 Alice 模块和样式库的完善方案。

*********************************************************

NEJ —— 是由网易前端组工程师们发起创建的简洁，美观，真正的跨平台web前端开发框架；她遵循的原则是 自由定制、小巧灵活、简洁易用、愉悦编码、快乐开发。

http://nej.netease.com/

*********************************************************

KISSY —— 淘宝开源，一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。除了完备的工具集合如 DOM、Event、Ajax、Anim 等，它还提供了经典的面向对象、动态加载、性能优化解决方案。作为一款全终端支持的 JavaScript 框架，KISSY 为移动终端做了大量适配和优化，让你的程序在全终端均能流畅运行。

http://docs.kissyui.com/

*********************************************************

BUI —— 基于jQuery，兼容KISSY，专致于后台系统。

http://www.builive.com/index.php

*********************************************************

Magic —— 百度出品的基于Tangram轻量级UI

http://tangram.baidu.com/magic/

轻量级UI组件，具有性能高效、代码量小、支持多种初始化方式等方面的优势，Web前端开发者可以使用Magic快速搭建前端功能比较复杂的网站。Magic的每个组件都有非常丰富的接口和事件处理，网站也提供了详细的使用文档和Demo演示。Web前端开发者可以通过定制组件、初始化方式和插件获得最轻量级版本。Magic的底层为高效的Tangram库。

*********************************************************

AngularUI ——  The companion suite(s) to the AngularJS framework.

http://angular-ui.github.io/

*********************************************************

AUI —— Atlassian出品

https://developer.atlassian.com/design/latest/

*********************************************************

SemanticUI —— 语义化，使得开发更加直观（易于理解）

http://zh.semantic-ui.com/

*********************************************************

Polymer —— google的

https://github.com/Polymer/polymer

http://polymer-project.org/

*********************************************************

UIkit

http://www.getuikit.com/

UIkit gives you a comprehensive collection of HTML, CSS, and JS components. It can be extended with themes and is easy to customize to create your own look.

Ext、jQuery EasyUI什么的就不罗嗦了

CSS框架

Bootstrap —— 不需要解释了

http://www.bootcss.com/index.html

*********************************************************

Pure —— 雅虎的CSS框架

http://purecss.io/

*********************************************************

NEC —— 这里有各种常见布局、模块、技巧等代码，在这里找到她，或给你启发，或她就是你的。为满足产品对不同的平台和设备的要求，NEC代码库中的代码开发使用了三种版本：兼容、优雅、高级，以下为对这三个版本的详细说明。

http://nej.netease.com/

兼容[1]：支持包括IE6在内的所有主流浏览器和设备，UI效果可能有所退化。
优雅[2]：在高级浏览器中有“高级”效果，在低级浏览器中有“兼容”效果，是高级版的“优雅退化”，也是兼容版的“渐进增强”。
高级[3]：支持IE9+、Chrome、Safari、Firefox等主流浏览器，支持移动设备和所有智能系统，具有优越的UI效果。

*********************************************************

Arkui —— 豆瓣阅读出品

https://github.com/mockee/arkui

*********************************************************

Foundation

http://foundation.zurb.com/

Foundation 3 is built with Sass, a powerful CSS preprocessor, which allows us to much more quickly develop Foundation itself and gives you new tools to quickly customize and build on top of Foundation.

*********************************************************

960 Grid

http://960.gs/

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

JS基础库和框架

JX —— 一个类似 Google Closure Library 的 Web 前端开发框架，服役于 WebQQ 等大规模的 WebApp

http://alloyteam.github.io/JX/

JX 是模块化的非侵入式Web前端框架，开发于2008年，并于2009年开源于GoogleCode - http://code.google.com/p/j-et/，于2012年切换到Github，开始我们开源计划的新征途，请记住我们的最新开源地址：https://github.com/AlloyTeam/JX，谢谢大家来支持^_^。 JX 框架同时适用于 Web Page 和 Web App 项目的开发，特别适合构建和组织大规模、工业级的Web App，腾讯 WebQQ、腾讯Q+等产品都是采用JX框架开发，兼容目前所有主流浏览器。

腾讯前端团队主站

http://alloyteam.github.io/

*********************************************************

Arale —— 立足于支付宝的前端需求和国内前端社区，基于 Sea.js 和 CMD 规范，致力发展小而美的前端模块架构，建立了一套从编码测试到部署的开发体系， 是一个开放、简单、易用的前端解决方案。

http://aralejs.org/

*********************************************************

Tangram —— 百度出品

http://tangram.baidu.com/

https://github.com/BaiduFE/Tangram2

*********************************************************

Backbone —— JS的重型MVC框架

http://backbonejs.org/

*********************************************************

Angularjs —— JS的重型MVC框架，google出品

http://angularjs.org/

*********************************************************

YUI、jQuery什么的就不罗嗦了

前端开发工具框架

F.I.S —— 前端工具框架

http://fis.baidu.com/index.html

百度Web 前端研发部官网

http://fex.baidu.com/

*********************************************************

Closure Tools —— Google内部使用的JavaScript开发工具

https://developers.google.com/closure/

包括了JavaScript优化器，移除不需要的代码，压缩其余的代码以实现速度最大化；

与Firebug协同工作的Firefox扩展Closure Inspector，目的是简化调试；

Closure 编译器，能以命令行、Web应用或Firefox扩展形式运行；

Closure Library，Google的标准JavaScript类库；

Closure Templates 提供了一组预编译的JavaScript接口组件。

JS模块文件加载框架及其规范

Seajs—— A Module Loader for the Web

http://seajs.org/docs/

是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同，SeaJS不会扩展封装语言特性，而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载，将前端工程师从繁重的JavaScript文件及对象依赖处理中解放出来，可以专注于代码本身的逻辑。SeaJS可以与jQuery这类框架完美集成。使用SeaJS可以提高JavaScript代码的可读性和清晰度，解决目前JavaScript编程中普遍存在的依赖关系混乱和代码纠缠等问题，方便代码的编写和维护。

SeaJS的作者是前淘宝UED,现支付宝前端工程师玉伯。

SeaJS本身遵循KISS（Keep It Simple, Stupid）理念进行开发，其本身仅有个位数的API，因此学习起来毫无压力。在学习SeaJS的过程中，处处能感受到KISS原则的精髓——仅做一件事，做好一件事

*********************************************************

CMD模块定义规范（Common Module Definition）

https://github.com/seajs/seajs/issues/242

*********************************************************

AMD模块定义规范（Asynchronous Module Definition）

https://github.com/amdjs/amdjs-api/wiki

*********************************************************

LABjs—— 动态并行加载脚本文件 以及 管理加载脚本文件的执行顺序

http://www.labjs.com/

LABjs源码浅析