那边简单列一些常用的,更全的看:**http://www.cnblogs.com/dunitian/p/5581520.html**

 


1.UEditor
编辑器

U艾德itor是由百度web前端研究开发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特征。

重点特点:

轻量级:代码精简,加载高效。

定制化:
崭新的支行理念,满意多元化的急需。
应用三层架构:

  1. 宗旨层: 为命令层提供底层API,如range/selection/domUtils类。
  2. 一声令下插件层: 基于宗旨层开发command命令,命令之间互相独立。
  3. 界面层: 为命令层提供用户使用界面。
    满意分化层次用户的需要。

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

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

 

style=”font-size: 14pt;”>2.ECharts 图表库

ECharts开源来自百度生意前端数据可视化团队,基于html5
Canvas,是二个纯Javascript图表库,提供直观,生动,可相互,可本性化定制的数目可视化图表。立异的拖拽重总结、数据视图、值域漫游等风味大大提高了用户体验,赋予了用户对数据开始展览开挖、整合的能力。提供商业产品常用图表,底层基于ZRender(3个全新的轻量级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)团队支付的1个简单易行的以HTML5为主,FLASH为辅的当代文件上传组件。在当代的浏览器里面能充足发挥HTML5的优势,同时又不丢掉主流IE浏览器,延用原来的FLASH运营时,包容IE6+,Andorid
4+,IOS
6+。两套运营时,同样的调用方式,可供用户自由选取。接纳大文件分片并发上传,极大的滋长了文本上传功用。

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

 —————————————————————————————————————-

style=”font-size: 14pt; color: #ed0727;”>1.WeUI 为微信Web服务量身设计

WeUI
是一套同微信原生视觉体验一致的底子样式库,由微信官方布署团队为微信 Web
开发量身设计,能够令用户的选取感知特别统一。包罗buttoncelldialog、 progress、 toastarticleactionsheeticon等各式成分。

https://github.com/weui/weui

 

style=”font-size: 14pt; color: #ed0727;”>2.手机前端开发调节和测试利器
vConsole

大家在支付手提式有线电话机版网页的时候,日常会油然则生上面包车型客车地方:

 (1)
开发时,在和谐电脑上运营得美观的,在表弟大上开辟就挂了,不过手提式有线电话机上又看不到error
log; 

 (2)
上线后,某用户表示页面失灵,但大家团结又复发不出去,看不到用户侧的失误新闻。

借使说(1)还足以经过电脑连续手提式有线电电话机以查看log来化解,这(2)在并未宏观的前端上报体系时就十一分被动了。

用作开发者,大家的诉讼供给很简短:有没有快捷的艺术在表弟大前端页面看到log日志?vConsole就像是此出现了!

https://github.com/WechatFE/vConsole

 

style=”font-size: 14pt; color: #ed0727;”>3.专业级Web图像处理引擎
AlloyImage

AlloyImage是一个利用Javascript语言开发的,基于Web的在线图像处理引擎,除了宗旨底层图像处理引擎,还同时并入了部分方便火速的图像处理API,您能够将它大约便捷的引用到你的Web网页中,做出与PhotoShop一样的美观效果。甚至,你可以用AlloyImage来开发3个Web在线图像处理软件。

https://github.com/AlloyTeam/AlloyImage

https://github.com/AlloyTeam/AlloyPhoto 

 

style=”color: #00ccff;”>4. GoPng 图片合并并生成CSS

Css
七喜,有时也称之为7-Up图、天使图,是每3个前端开都会遇见的标题,也是常见的小图片加载优化手段。 

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

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

style=”line-height: 1.5; background-color: initial;”>合成分解: style=”line-height: 1.5; background-color: initial;”>https://github.com/luyongfugx/hcSpriteCuter
(八个由多张小图合并而成的七喜图中抠出在那之中一张恐怕几张图片)

 

style=”color: #00ccff;”>5.可视化Web创设筑工程具
AlloyDesigner

AlloyDesigner
是一款致力于增加前端生产效用的浏览器内运维工具,AlloyDesigner + Chrome
F12(Especially with WorkSpace)  营造前端新的付出和测试形式

https://github.com/AlloyTeam/AlloyDesigner

 

style=”font-size: 14pt; color: #ed0727;”>6.Koala跨平台图形编写翻译工具

Koala是一款预处理器语言图形编写翻译工具,帮衬Less、Sass、CoffeeScript、Compass
framework 的即时编译。
无需手动输入指令去编译,后台监听文件是或不是有改观,如有修改会自动进行编写翻译。能够大大升级 Web 开发中的工效。

意义特色

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

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

  • 编写翻译选项 能够设置各样语言的编写翻译选项。

  • 花色安插 支持为品种创设1个大局配置,为文件设置统一编写翻译选项。

  • 荒谬提示 在编写翻译时假诺碰到语法的谬误,koala将在右下角弹出错误音信,方便开发者定位代码错误地点。

  • 跨平台 Windows、Linux、Mac都能圆满运维。

系统协助及供给

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

https://github.com/oklai/koala

 

style=”font-size: 14pt;”>7.轻量级 CSS3 动画库
JX.Animate

JX.Animate
是2个开源的轻量级的CSS3动画库。动画能够行使正规的CSS3重中之重帧动画(KeyFrame)制作,也可以动用JavaScript制作,而且还足以支撑在JavaScript中动态变化动画关键帧。

https://github.com/AlloyTeam/JXAnimate

 

style=”color: #00ccff;”>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 是2个基于 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

 

style=”font-size: 14pt; color: #ed0727;”>15.RapidJSON C++的JSON开发包

Rapidjson 是2个 C++ 的长足 JSON 解析器和生成器,使用 SAX/DOM 风格的
API 设计。

https://github.com/miloyip/rapidjson

 

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


style=”font-size: 14pt; color: #ed0727;”>1.分布式TCP压力测试工具
tcpcopy

tcpcopy是一种选择请求复制(基于tcp的packets)工具,其应用领域较广,近来早已选取于国内各大互连网商行。

完整说来,tcpcopy首要有如下效果:

1)分布式压力测试工具,利用在线数据,能够测试系统基本上能用的下压力大小(远比ab压力测试工具真实地多),也得以提前意识某些bug
2)普通上线测试,能够窥见新系统是还是不是平安,提前发现上线过程中会出现的成都百货上千题目,让开发者有信心上线
3)比较试验,同样请求,针对不一样或区别版本程序,能够做质量相比等试验
4)利用各个一手,构造无限在线压力,满意中小网站压力测试供给
5)实战演练(架构师必备)

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

 

style=”color: #ff0000; font-size: 14pt;”>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

 

 

————————–阿里巴巴(Alibaba)开源的好软件太多,请自行选拔所需,笔者列多少个我们用的————————-

style=”font-size: 14pt;”>1.分布式key/value存款和储蓄系统
Tair

Tair是由Tmall网自主开发的Key/Value结构数据存款和储蓄系统,在天猫商城网有着广泛的选拔。您在签到天猫、查看商品详情页面或然在淘江湖和挚友“捣浆糊”的时候,都在平素或直接地和Tair交互。Tair是二个Key/Value结构数据的解决方案,它暗中认可帮忙基于内部存款和储蓄器和文书的两种存款和储蓄情势,分别和大家通常所说的缓存和持久化存款和储蓄对应。

Tair除了平日Key/Value系统提供的效率,比如get、put、delete以及批量接口外,还有一对增大的实用成效,使得其有更广的适用场景,包蕴:

  • Version支持

  • 原子计数器

  • Item支持

https://github.com/alibaba/tair

 

style=”font-size: 14pt; color: #ff0000;”>2.TFS 分布式文件系统

TFS(TmallFileSystem)是3个高可扩展、高可用、高质量、面向互连网服务的分布式文件系统,其安排目的是永葆海量的非结构化数据。

当下,国内自主研发的文件系统可谓凤毛麟角。天猫商城在这一世界做了实用的探索和实践,天猫商城File
System(TFS)作为天猫内部使用的分布式文件系统,针对海量小文件的专断读写访问品质做了特殊优化,承载着Taobao主站全体图片、商品描述等数码存款和储蓄。

https://github.com/alibaba/tfs

 

3.新闻中间件
罗克etMQ

style=”font-size: 14pt; color: #ff0000;”>2018正版葡京赌侠诗 1

https://github.com/alibaba/RocketMQ

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

 

4.SeaJS
模块加载框架

Sea.JS
是3个根据 CommonJS 规范的模块加载框架,可用来轻松开心地加载任意
JavaScript 模块。SeaJS 协理的专业模块遵守 Modules/Wrappings 规范的
define 情势,可运转于 Web 浏览器以及 node.JS 等环境中。

https://github.com/seajs/seajs

2018正版葡京赌侠诗, 

style=”color: #ff0000;”>5.接口文书档案管理工科具 RAP

RAP通过GUI工具帮忙WEB工程师更赶快的管理接口文档,同时经过分析接口结构自动生成Mock数据、校验真实接口的不利,使接口文书档案成为开销流程中的强依赖。有了结构化的API数据,RAP能够做的越来越多,而大家可避防止越多重复劳动。

https://github.com/thx/RAP

 

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图