说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

用来简化开发任务的20个JavaScript类库

HTML文档下载 WORD文档下载 PDF文档下载
所谓JS库就是预先写好的JS程序库,用于简化以JS为基础的开发程序,尤其是对AJAX和其他以Web为中心技术的JS代码集。文章搜集了20个JS库,帮你处理与开发相关的问题,让你的网站在竞争中领先一步。

所谓JS库就是预先写好的JS程序库,用于简化以JS为基础的开发程序,尤其是对AJAX和其他以Web为中心技术的JS代码集。JS的首要用途是将编写的功能内嵌在HTML页面,并与页面的对象模型(DOM)进行互动。

很多JS库很容易和其他Web开发技术进行整合,例如CSS、 PHP、Ruby、和Java。许多程序库可以检测运行环境之间的差异,删除一些应用程序,以满足整合需求。文章搜集了20个JS库,帮你处理与开发相关的问题,让你的网站在竞争中领先一步。

1. Tracking.js


Tracking.js是一个独立的JS库,可以跟踪照相机实时收到的数据。跟踪对象既可以是色彩也可以是人物,当检测到某个特定的颜色时或人物/脸庞/身体出现移动的时候,我们可以触发JS事件。

2. Aristochart


Aristochart是一个不依赖于其它库的JS库,它能够使用Canvas创建静态的2D线形图表。这个库专注于打造客户化设计,提供多种选项用于更改设计、标签等等。

3. Hitch


Hitch是一个轻量级的JS库,能够向CSS文件添加表现能力。同时具备CSS预处理程序能力,比如添加前缀或变量,还有一些其他的功能。这个程序库有多个随时可用的表达方式,如“any of,all of,has...”,并允许我们定义任何一种方式(称为hitches)。

4. Cesium


Cesium是基于WebGL的JS绘图库,支持3种不同的视图:3D globe、2D map、2.5D Columbus View,相互转换只要一行代码而已!绘画各种形状,突出显示特定区域以及使用鼠标或触摸板与地图进行互动是非常简单的。Cesium作为一个独立的JS文件可以在所有主流浏览器上运行,包括手机上。

5. Two.js


它是一个2D的绘图API,一个优秀的JS库,用于较新的Web浏览器,可基于不同上下文绘制,包括svg、canvas和webgl。 这个库目前只支持形状(非文本或图片),允许导入SVG数据。当需要一起转变的时候,Two.js可以聚合多个有用的元素。其中还有一个内置动画循环方法来绘制各种图形,还具有使之个性化的多个选项。

6. Sequel.js


Sequel.js是一个轻量级JS库,有助于通过一个面向对象的API来构建SQL查询字符串,既可以在浏览器上运行,也可以在所有标准的SQL查询上运行。

7. Draggabilly


这是一个可以让页面元素可拖动的独立JS库,Draggabilly能够帮你轻松实现网页上各种元素的拖放操作。可以在一个限制的容器范围内拖动页面元素,对于每一个事件(start,move,end)都有回调,可以返回当前元素的位置。它可用于大部分浏览器(IE8+)并内置支持触摸事件。

8. Zebra


此JS库带有一串富用户界面组件,可以创建类似于桌面效果布局。UI元素由HTML5 canvas构建,由CSS着色,预期在所有浏览器中渲染出相同的效果。拥有30多个UI元素,包括grid、tabs、menu、form elements、menu等等。

9. Formula.js


这个JS库为Web开发者带来了大多数公式,公式列举了多重分类——日期/时间,文本,逻辑,金融等等。此外,除了在客户端运行,还在服务端(即将发布)上运行。

10. Chart.js


这是一个给人印象深刻的JS独立图表库,大小不足5kb的程序包,建立在HTML5 canvas之上。目前支持6种图表类型:直线图、条形图、雷达图、饼状图、柱状图和地区区域图。颜色、字体、边框、大小都可以根据用户需求自定义。

11. Flippant.js


这是一个迷你JS和CSS库,允许自动翻转桌面上的东西。不依赖任何其它类库,便于自定义,翻转功能效果好。

12. React


React是一个用来构建用户界面的JS库,可以高效灵活地与你之前使用的类库和框架结合使用。

13. PathFinding.js


PathFinding.js是JS里一个综合路径寻找类库,其目的是提供一个可以方便结合到网络游戏里的路径寻找类库。它可以在服务端运行,也可以在浏览器上运行。提供在线演示算法是怎样执行的。当具体使用路径寻找器时,你可以通过其它的参数来指示该用哪一个策略。

14. Reactor.js


这是一个用于响应式编程的轻量级类库。它提供的反应变量,当它们所依赖的的事物发生改变的时候可以实现自动更新。这和电子数据表的运作方式有点相似,当一个单元格的数值有所变化的时候,与其有联系的其他单元格数值也会变化。

15. Bootbox.js


Bootbox.js是一个很小的JS库,允许使用Twitter的Bootstrap模式创建程序对话窗口,不需要担心创建、管理或删除任何任何需要的DOM元素或JS事件处理程序。

16. Parallel.js


Parallel.js在JS里是一个用于多核处理的微型库,它的创建充分发挥了成熟的Web-workers API,JS的确是很快,但由于它的单线程计算模式,它缺乏了与其对等语言的平行计算功能。

17. SVG.js


SVG.js可以通过SVG进行操作和手动绘画,此库轻便独立,功能丰富,有内置方法可以创建各种形状——三角形、圆形、多边形,或自定义图形。

18. Packery


这是一个使用“装箱算法”的JS布局库,这是“补漏”的体面说法。Packery的布局可以是井然有序的,也可以是错乱无序的。元素可以被固定在相应的位置,也可以随意拖放。

19. FPS Meter


FPS Meter是一个简单的JS库,用来制作迷人的、快速的、可主题化的FPS仪表。他可以测量出每秒的帧数,帧之间的毫秒数,以及使用.tickStart()方法时,渲染一帧所需要的毫秒数。

20. Howler.js


Howler.js一个是JS库,通过默认方式运行在网页音频API上,当浏览器不支持时退回到HTML5音频。为了保证跨浏览器的兼容性,它允许接收多种文件格式。该库能同时缓存和播放多个声音,还有循环播放功能,淡入淡出效果和标准的多媒体控制功能。

原文:CodeGeekz

Gartner:至2017年Chromebook销量将增2倍 后稀缺时代思考:机器横行下的人类夹缝求生 TIOBE 2014年8月编程语言排行榜:Swift跌出Top 20 精华回顾!历届MDCC大会精彩演讲与议程汇总 《近匠》Fancy3D:亿级游戏背后的轻量级引擎 假如李小龙是程序员…… Docker已扎根新一代PaaS 三星或发布首款头戴式VR设备Project Moonlight 英特尔亚太研发总经理何京翔:数据化时代背后的智慧 云络网络科技CEO Steve Mushero:游戏行业的云运维 腾讯游戏运营管理中心总监刘栖铜:腾讯游戏云的理想与实践 一号专车产品总监曹景辉:LBS应用仍有无限的创新空间 昆仑游戏总裁张益豪:做好中国游戏的海外代理 游族首席运营官陈礼标:重点打造全球化IP 我是怎么利用微信月收入三万以上的! 我的Y Combinator黑客马拉松之感! 最炫HTML5 JavaScript框架Famo.us融资2500万美元 看板先驱David J. Anderson:看板方法拉动互联网时代敏捷变革 《近匠》增强现实开发团队LegendTech:AR技术现已加入15元豪华午餐 微软新技术:简单修改,手机摄像头摇身变3D深度相机 Black Hat USA安全隐患盘点及黑客奥斯卡颁奖 MDCC免费展位报名火热!数量有限,征集进行中 迪游信息科技CEO张晓雷:中日游戏面面观 百余款智能电视创意类应用参赛角逐 Top13 App新鲜出炉! 微信公众平台开发——如何保证access_token长期有效? 拼的就是速度!超快HTML5 2D渲染引擎Pixi.js 一周消息树:百度“涉黄”遭警告,网盘内容审核的四种方式 微信开发商现状调查:接口限制成主要困扰 行业需求多样是最大难点 小米:海外扩张需谨慎,信息安全或成最大掣肘 AMD FX系荣耀归来 或成大众新宠! 脑洞大开:《80天环游地球》同名游戏诞生记 我的XP的CPU经常占用90%以上,高手指点. 安装完win2000,又安装了天网防火墙,再安装SQL server 2000,快完成时启动服务警告“无法定位程序输入点” 急招深圳周边(含深圳).Net程序员 ??qustion Laney(6吨大肥猫) 快来啊^@^ 有关struts的<html:text>标签的问题!!!!!!!!!!!!!!!!!!!!!!! 为了考试挑灯夜读,遇到一个菜问题请大家帮忙! 哪位高手帮帮我!时间紧急! 关于还原精灵转储后win98不能启动的问题,请指教!~ 有几张漂亮图片,看看你的计算机是怎么累死的 求C++算法代码。 怎么实现在IE中将查找到的关键字用红色标记指示出来? 求C++算法代码。 请问哪里可以下载Numega DevPartenr Studio 测试工具 ㊣㊣ 什么也不多说了,帮忙给解决这个问题吧, 先多谢了!! ㊣㊣ 有个小小问题 寻找监测某端口的数据流量软件 都市幽灵·里面一定有宝藏 非常奇怪:为什么超链接无效? 显示异常 下个星期开始到新公司了,请大家给点经验,好吗 急!jsp+mysql,急寻blob输出方法!!! 修改记录问题 StringGrid的自画 导出 救命呀,关于XP的激活问题. 语句 请问有什么好的串口调试工具,可以模拟串口发送数据的??????? 简单问题高分相送 MessageBox.Show 方法需要什么样的名空间 使用ghost硬盘刻录硬盘怎么区分源盘和目标盘,请大虾详细说说,在线等 概念性问题(没办法,太笨了,见笑了) vf8支持动态SQL吗? 请问:如何单独安装BDE? 因为你无权连接数据库服务器?? 大家看看一个非常专业的商贸企业管理软件,要源码好商量! 如何清除Image中的图片? 数据库查询一个奇怪问题 关于记事本程序的编写??? 揭贴后的话(告诉大家你的问题解决的怎么样) 如何模拟串口发送数据 如何清除Image中的图片? 出售 .Net 自定义服务器端日历控件 *****加班熬夜何时了,辛苦知多少,小楼昨夜又东风,女友不堪回首睡梦中***** VC中使用ACCESS数据库版本的问题? 有高手来看看这个EXCEPTION是怎么回事??????? 我怎么追踪网页向服务器发送的数据 想用VB+SQL SERVER做系统,不知从何下手。 出售 C# 开发的Web服务器控件:日历 窗体登陆 出售 C# 开发的Web服务器控件:日历 柱字开头的成语?马上要 急 关于政治与经济的填空题1.人民政协的主要职能( )、( )、( )大家会哪个就答哪个,写好序号.不会的就空过去. 滕王阁序并诗是什么 寓言家克雷洛夫说过:现实是此岸,理想是彼岸,中间隔着湍急的河流,行动则是架在河上的桥梁.以上材料为题材,写一篇不少于1000字的议论文 一道高中政治填空题(经济)国有企业改革的方向是__________,这是________的基础,它的特点是________,__________,_________,__________;国有企业改革的方针是_________结合起来;另外,还要建立和健全_________制 浙江省上虞市,百官哪里可以买到荧光鞋带? 苏教版七年级上册数学测试题(有答案) 什么叫做世态炎凉、人间冷暖? 浙江省上虞市百官街道城东开发区翻译成英文 带柱的成语(越多越好) 怎样使自己尝遍人间冷暖,世态炎凉? 主父偃是什么时期的人 请问带"梁"和带"柱"的成语? 政治经济学填空题试论述社会主义实行按劳分配的客观必然性? 英语翻译就第一段就要 第一段的翻译主父偃者.........一事谏伐匈奴。 根据范进中举对下联,上联:三十五载梦想,一朝成真,喜极而疯,看尽世态炎凉. 某商场将一种商品降价出售.如果减去定价的10%出售可以盈利209元,如果减去定价的5%出售,亏损80元.此商品的进价是多少元?某商场将一种商品降价出售。如果减去定价的10%出售可以盈利209元, “惆怅”什么意思? 不戚戚于贫贱不汲汲于富贵出自哪篇课文作者是谁 英国的王室有存在的必要么从历史方面回答 它的作用是什么 为什么存在 改革后为什么还延续到今天? 人情冷暖、世态炎凉,现在的人变得好现实?⊥8[1/3]我是女生,因为亲戚少,投靠无门,才到给我我姐姐打工,上班时间十三小时,月薪1300包吃住,可是没想到她现在有了一点小钱,就对我冷眼相对⊥8[2 证明向量空间必定含有零向量 主父偃是什么意思 为什么会有、人情冷暖,世态炎凉? 若向量空间含有向量a,则必定含有-a? 请介绍主父偃 上虞市邮编什么? 上联为 故乡尴尬逢闰土 下联为-------于勒 英国皇室会一直存在下去吗?英国皇室威廉王子世纪婚礼又一次引起人们对君主立宪废与立的讨论有支持也有反对总体支持废除君主立宪制的人更多,那么皇室会一直存在下去吗多少年后会被 浙江绍兴上虞的邮编是多少 《故乡》中造成闰土麻木的主要原因是什么? 已知c/a+b=a/b+c=b/c+a=k,则一次函数y=kx+k经过哪些象限 谁能告诉我浙江上虞的邮编是多少 根据图中五个汉字的不同方位,写出三个成语 上:调 下:腔 左:击 右:声 中:柱上:调 下:腔 左:击 右:声 中:柱 主父偃是谁 在世态炎凉的社会里,英语翻译 求…深圳经济特区成立30周年,写一篇大约400字的论文!从深圳经济特区成立的时间,30周年来的成就!地理优势!自己的的感想!及对深圳的建议!这5个方面写一篇400字的论文!十分感谢!能够有更长 曾经是那样充满生气的闰土,人到中年却活得这样麻木,悲惨的表面上的原因是 奶的物理性质有哪些? 求一篇初中地理论文,只要400字就行 “颛顼”、“帝喾”怎么读? 已知b+c分之a=a+c分之b=a+b分之c=k,则直线y=kx+2k一定经过哪几个象限已算出(a+b+c)/2(a+b+c)那么(a+b+c)≠0时,k=1/2,直线y=kx+2k的表达式为y=1/2x+1,它的图象经过一、二、三象限可是为什么当(a+b+c)=0时,(b+c)=- 含有“柱”字的成语?含有“柱”字的成语是什么啊?想了很久都没想出来也~ 奶是妈妈的好(选择)阅读答案 已知b+c分之a=a+c分之b=a+b分之c=k,且a+b+c不=0,则直线y=kx+2k-3经过哪些象限 英语翻译 为什么吹一下牛奶(选牛奶是为了看清楚),牛奶就会很规律很对称地划线划圈圈呢? 已知(b+c)/a=(a+c)/b=(a+b)/c=k则直线y=kx+2k一定经过第()()象限 至少要说出为什么别看反了 含有“柱”“梁”的成语 商场改革经营管理办法后,本月盈利比上月盈利的2倍还多12万元,又知本月盈利比上月盈利多30万元,商场改革经营管理办法后,本月盈利比上月盈利的2倍还多12万元,又知本月盈利比上月盈利多30 指出英国政治变革对世界政治民主进程产生了哪些具体影响? 狮吼虎啸 求狮吼声和虎啸声.能听就行.谢过 中国成立以来,我国交通运输业发展( ) 顾炎武说:“八股之害等于焚书,而败坏人才有甚于咸阳之郊所坑之四百六十余人也.”1.上述材料提到了古代统治者加强思想控制的哪些措施?除材料提到的外,你还 知道类似的措施有哪些?2.你 “有的声音洪大,听起来如虎啸狮吼.”这句话让我联想到什么成语?(至少两个) . 远洋运输业的程租、期租、和航空运输业的湿租业务,都是什么?来自税法 二战后,美国除了侵略朝鲜外,还发动了哪些战争? 80克月饼有多大 帝喾是不是帝尧的父亲呀 材料一:明朝小说《醒世恒言》里,描写了施复夫妇发家致富的故事.施复夫妇住在苏州盛泽镇,拥有一台织机,还养了几筐蚕,靠缫丝织绸过日子.他们织出的绸缎光彩润泽,成了市场上的抢手货,人 朝鲜拒绝单方首先行动解决半岛核问题英多地遭暴风雨袭击 逾20条河流发洪韩媒:韩国泡菜或将成人类非物质文化遗葡萄牙公共债务率超过130%四岁姐姐打开浴缸水龙头 意外将两岁弟网传“2013十大酷刑” 网友不满加澳总督布赖斯访问成都 与大熊猫亲密接老挝打捞出坠毁飞机机身 湍急河水加大英多地遭暴风雨袭击 逾20条河流发洪四岁姐姐打开浴缸水龙头 意外将两岁弟梅德韦杰夫访华是否标志中俄经济对话新中印战略合作伙伴关系未来发展愿景的联必和必拓调高2014财年铁矿石产量四岁姐姐打开浴缸水龙头 意外将两岁弟澳洲青睐中国游客 维多利亚州长在沪“天津狗不理与新加坡企业合作拓展亚太市意总理会见美国务卿 要求解释监听意通租客伪造房产证卖房 新\"房东\"不菲总统再称菲政府不会就香港人质事件致意总理会见美国务卿 要求解释监听意通韩国政府敦促日方删除主张争议岛屿主权“奶奶救命,我掉洗衣机里了”过度喝咖啡 引发骨质疏松症“青石村”、“新城大厦”公交站调整单场轰进四球 伊布迎头赶上外媒:菲律宾总统尴尬改口 撤回对中国自驾游意外身亡 同行网友全被判有责药大运动会 老教授们跳“骑马舞”出场离宁前手机遗落 好心的哥快递寄回2013年10月24日8:30时点菜灵台县男子抢劫后逃逸25年 夜夜悔不公考报名结束长沙海关最火 5980人兰州:给违章建筑开绿灯 社区支书受贿兰州男子患病再婚妻决然离去 未尽义务兰州轨道交通试验段项目部开展知识竞赛长沙一村委会举债千万建楼 6300多郴州嘉禾杀子案幕后:“闹离婚”致怨恨泡吧\"被下药\" 长沙19岁女子称不尽赡养义务 金昌八旬翁状告7子女澳华人话剧团年度大戏《太平》悉尼首演兰州一男子连杀两人后 跳桥寻死未果被湖南“最彻底的教改实验区”茶陵:校长
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘