这边简单列一些常用的，更全的看：http://www.cnblogs.com/dunitian/p/5581520.html

----------------------------------------------------------------------------------------------------------------

1.UEditor 编辑器

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点。

主要特点：

轻量级：代码精简，加载迅速。

定制化：
全新的分层理念，满足多元化的需求。
采用三层架构：
1. 核心层： 为命令层提供底层API，如range/selection/domUtils类。
2. 命令插件层： 基于核心层开发command命令，命令之间相互独立。
3. 界面层： 为命令层提供用户使用界面。
满足不同层次用户的需求。

https://github.com/fex-team/ueditor

https://github.com/fex-team/umeditor

2.ECharts 图表库

ECharts开源来自百度商业前端数据可视化团队，基于html5 Canvas，是一个纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。提供商业产品常用图表，底层基于ZRender（一个全新的轻量级canvas类库），创建了坐标系，图例，提示，工具箱等基础组件，并在此上构建出折线图（区域图）、柱状图（条状图）、散点图（气泡图）、饼图（环形图）、K线图、地图、力导向布局图以及和弦图，同时支持任意维度的堆积和多图表混合展现。

更多：https://github.com/ecomfe/echarts

ECharts-X是 ECharts 团队推出的全新 3D 可视化库，它是基于 ECharts 的扩展，底层深度整合了 WebGL 库QTEK和 Canvas2D 库ZRender。

扩展：https://github.com/ecomfe/echarts-x

3.WebUploader 上传控件

WebUploader 是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，延用原来的FLASH运行时，兼容IE6+，Andorid 4+，IOS 6+。两套运行时，同样的调用方式，可供用户任意选用。采用大文件分片并发上传，极大的提高了文件上传效率。

https://github.com/fex-team/webuploader

----------------------------------------------------------------------------------------------------------------

1.WeUI 为微信Web服务量身设计

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

https://github.com/weui/weui

2.手机前端开发调试利器 vConsole

我们在开发手机版网页的时候，常常会出现下面的情景：

(1) 开发时，在自己电脑上运行得好好的，在手机上打开就挂了，但是手机上又看不到error log；

(2) 上线后，某用户表示页面失灵，但我们自己又重现不出来，看不到用户侧的出错信息。

如果说(1)还可以通过电脑连接手机以查看log来解决，那(2)在没有完善的前端上报体系时就非常被动了。

作为开发者，我们的诉求很简单：有没有快捷的方法在手机前端页面看到log日志？vConsole就这样出现了！

https://github.com/WechatFE/vConsole

3.专业级Web图像处理引擎 AlloyImage

AlloyImage是一个使用Javascript语言开发的，基于Web的在线图像处理引擎，除了核心底层图像处理引擎，还同时集成了一些方便快捷的图像处理API，您可以将它简单快捷的引用到您的Web网页中，做出与PhotoShop一样的优美效果。甚至，你可以用AlloyImage来开发一个Web在线图像处理软件。

https://github.com/AlloyTeam/AlloyImage

https://github.com/AlloyTeam/AlloyPhoto

4. GoPng 图片合并并生成CSS

Css Sprite，有时也称为雪碧图、精灵图，是每一个前端开都会遇到的问题，也是常见的小图片加载优化手段。

在线版本：https://alloyteam.github.io/gopng/

源码地址：https://github.com/AlloyTeam/gopng

合成分解：https://github.com/luyongfugx/hcSpriteCuter （一个由多张小图合并而成的雪碧图中抠出其中一张或者几张图片）

5.可视化Web构建工具 AlloyDesigner

AlloyDesigner 是一款致力于提高前端生产效率的浏览器内运行工具，AlloyDesigner + Chrome F12(Especially with WorkSpace)  打造前端新的开发和测试模式

https://github.com/AlloyTeam/AlloyDesigner

6.Koala跨平台图形编译工具

Koala是一款预处理器语言图形编译工具，支持Less、Sass、CoffeeScript、Compass framework 的即时编译。 无需手动输入命令去编译，后台监听文件是否有改变，如有修改会自动进行编译。能够大大提升 Web 开发中的工作效率。

功能特性

• 多语言支持 支持Less、Sass、CoffeeScript 和 Compass Framework。

• 实时编译 监听文件，当文件改变时自动执行编译，这一切都在后台运行，无需人工操作。

• 编译选项 可以设置各个语言的编译选项。

• 项目配置 支持为项目创建一个全局配置，为文件设置统一编译选项。

• 错误提示 在编译时如果遇到语法的错误，koala将在右下角弹出错误信息，方便开发者定位代码错误位置。

• 跨平台 Windows、Linux、Mac都能完美运行。

系统支持及要求

Koala支持跨平台运行，完美兼容Windows、Linux与Mac 。
Linux系统下需安装好ruby运行环境, e.g. $ sudo apt-get install ruby.

https://github.com/oklai/koala

7.轻量级 CSS3 动画库 JX.Animate

JX.Animate 是一个开源的轻量级的CSS3动画库。动画可以使用标准的CSS3关键帧动画（KeyFrame）制作，也可以使用JavaScript制作，而且还可以支持在JavaScript中动态生成动画关键帧。

https://github.com/AlloyTeam/JXAnimate

8.Fanvas swf转为html5 canvas

Fanvas是一个把swf转为html5 canvas动画的系统，由两部分组成：Actionscript实现的解析器、js运行库。Flash做动画是最成熟最高效的方式，但由于终端基本不支持Flash播放，这给终端的动画制作带来了不少麻烦。Fanvas是Flash和Canvas的完美结合，可以把swf（包括矢量和位图）完美地转化为canvas动画.

https://github.com/TencentOpen/Fanvas

9.随身调测平台 GT

GT（随身调）是APP的随身调测平台，它是直接运行在手机上的“集成调测环境”(IDTE, Integrated Debug Environment)。利用GT，仅凭一部手机，无需连接电脑，您即可对APP进行快速的性能测试(CPU、内存、流量、电量、帧率/流畅度等等)、 开发日志的查看、Crash日志查看、网络数据包的抓取、APP内部参数的调试、真机代码耗时统计等。如果您觉得GT提供的功能还不够满足您的需要，您还 可以利用GT提供的基础API自行开发有特殊功能的GT插件，帮助您解决更加复杂的APP调试问题。

https://github.com/TencentOpen/GT

10.Frozen UI 移动端UI框架

Frozen UI是一个开源的简单易用，轻量快捷的移动端UI框架。基于手Q样式规范，选取最常用的组件，做成手Q公用离线包减少请求，升级方式友好，文档完善，目前全面应用在腾讯手Q增值业务中。

https://github.com/frozenui/frozenui

11.LivePool  Web 开发调试工具

LivePool 是一个基于 NodeJS，类似 Fiddler 支持抓包和本地替换的 Web 开发调试工具，是 Tencent AlloyTeam 在开发实践过程总结出的一套的便捷的 WorkFlow 以及调试方案。

特性

• 基于 NodeJS, 跨平台

• 支持 http 抓包和本地替换调试，Https/WebSockets 直接代理转发（暂不支持本地替换）

• 便捷的 UI 管理界面，跟 Fiddler 类似，降低学习成本

• 可以脱离 UI 后台运行，适应于某些不需要抓包，只需要使用替换和简单路由的场景

• 基于项目的替换规则管理，方便高效，规则支持拖曳排序

• 支持基于请求路径的本地文件替换，支持基于请求路径的路由转发（host 配置）

• 替换类型支持：文件/文件夹替换，combo合并替换，qzmin替换（批量combo)，delay延时等

• 支持自动设置系统代理

• 支持规则过滤，只显示关注的请求

• 提供构建 http get/post 请求界面，方便接口调试

• 特色功能：模拟gprs/3g等低网速（mac only）

• 特色功能：支持离线站点到本地，并自动代码格式化

https://github.com/rehorn/livepool

15.RapidJSON C++的JSON开发包

Rapidjson 是一个 C++ 的快速 JSON 解析器和生成器，使用 SAX/DOM 风格的 API 设计。

https://github.com/miloyip/rapidjson

更多请自行查看：http://alloyteam.github.io/

----------------------------------------------------------------------------------------------------------------

1.分布式TCP压力测试工具 tcpcopy

tcpcopy是一种应用请求复制（基于tcp的packets）工具，其应用领域较广，目前已经应用于国内各大互联网公司。

总体说来，tcpcopy主要有如下功能：

1）分布式压力测试工具，利用在线数据，可以测试系统能够承受的压力大小（远比ab压力测试工具真实地多）,也可以提前发现一些bug
2）普通上线测试，可以发现新系统是否稳定，提前发现上线过程中会出现的诸多问题，让开发者有信心上线
3）对比试验，同样请求，针对不同或不同版本程序，可以做性能对比等试验
4）利用多种手段，构造无限在线压力，满足中小网站压力测试要求
5）实战演习（架构师必备）

https://github.com/session-replay-tools/tcpcopy

2.桌面应用软件的跨平台解决方案 heX

heX 是网易有道搜索部门开发的一个允许你采用前端技术（HTML，CSS，JavaScript）开发桌面应用软件的跨平台解决方案，基于HTML5 + node.js，类似appjs。是你开发桌面应用的一种新的选择，意在解决传统桌面应用开发中繁琐的UI和交互开发工作，使其变的简单而高效。特别适合重UI，重交互的桌面应用软件。

https://github.com/netease-youdao/hex

https://github.com/netease-youdao/hex-samples

 

--------------------------阿里巴巴开源的好软件太多，请自行选择所需，我列几个我们用的-------------------------

1.分布式key/value存储系统 Tair

Tair是由淘宝网自主开发的Key/Value结构数据存储系统，在淘宝网有着大规模的应用。您在登录淘宝、查看商品详情页面或者在淘江湖和好友“捣浆糊”的时候，都在直接或间接地和Tair交互。Tair是一个Key/Value结构数据的解决方案，它默认支持基于内存和文件的两种存储方式，分别和我们通常所说的缓存和持久化存储对应。

Tair除了普通Key/Value系统提供的功能，比如get、put、delete以及批量接口外，还有一些附加的实用功能，使得其有更广的适用场景，包括：

• Version支持

• 原子计数器

• Item支持

https://github.com/alibaba/tair

2.TFS 分布式文件系统

TFS（Taobao FileSystem）是一个高可扩展、高可用、高性能、面向互联网服务的分布式文件系统，其设计目标是支持海量的非结构化数据。

目前，国内自主研发的文件系统可谓凤毛麟角。淘宝在这一领域做了有效的探索和实践，Taobao File System（TFS）作为淘宝内部使用的分布式文件系统，针对海量小文件的随机读写访问性能做了特殊优化，承载着淘宝主站所有图片、商品描述等数据存储。

https://github.com/alibaba/tfs

3.消息中间件 RocketMQ

https://github.com/alibaba/RocketMQ

https://github.com/alibaba/RocketMQ-docs

4.SeaJS 模块加载框架

Sea.JS 是一个遵循 CommonJS 规范的模块加载框架，可用来轻松愉悦地加载任意 JavaScript 模块。SeaJS 支持的标准模块遵循 Modules/Wrappings 规范的 define 形式，可运行于 Web 浏览器以及 node.JS 等环境中。

https://github.com/seajs/seajs

5.接口文档管理工具 RAP

RAP通过GUI工具帮助WEB工程师更高效的管理接口文档，同时通过分析接口结构自动生成Mock数据、校验真实接口的正确性，使接口文档成为开发流程中的强依赖。有了结构化的API数据，RAP可以做的更多，而我们可以避免更多重复劳动。

https://github.com/thx/RAP

Nginx7天入门：https://github.com/taobao/nginx-book