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

用来简化开发任务的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

平均比Hive快24倍,Impala剑指Stinger 利用ElasticSearch和Redis检索和存储十亿信息 微软高管再度失血 媒体及娱乐副总裁因内部重组离职 Google研制智能隐形眼镜 帮助病人监测血糖指标 盘点2013:最优秀的HTML5&amp;amp;CSS3设计【多图】 AMD:未来PC将同时搭载Android、Windows双系统 如果你是CEO,你打算给自己开多少工资? IBM X6架构中国首发,目标是云与大数据 Pivotal聘用eBay前副总裁,继续发力云计算市场 智能手机的功能越来越复杂,可惜用户不买账 一周消息树:Windows 9要来了,会有哪些改变? 简单几步解决IE11无法显示此页的问题 研发周报:Java 8最终发布日期敲定,即使有bug也要发布 一周云热点:Google打造云中Hadoop便捷版,强势对抗AWS 追溯Unite大会设计理念 感受Unity进化史 移动周报:仰望大神,不如退而探索! 腾讯发布QQ浏览器微信版 支持拖拽分享、消息提醒等功能(图) 乐视TV:LetvUI连续31周迭代36个版本 190个乐迷需求实现119个 云服务商评估体系建立,首批10家企业通过可信云服务认证 《找你妹2》开发者云中游再声明:热酷涉嫌严重违约发布侵权竞品 柴可:大姨吗的轻应用抉择 盘点2013年IT界25个最古怪的面试题 云计算再掀创业热潮,19家企业入驻微软创投 IBM斥资12亿美元,全球大规模扩建数据中心 “Careerfocus之夜”2014年新春客户答谢晚宴在京举办 Google蚕食了维基百科的访问量? 微软Surface Pro 2 的成功之道 精简代码,为网站减负的十大建议 应用宝逆袭上位 将重构腾讯移动应用分发体系 eBay基础设施的成功经验,我们该如何复制? 自定义富媒体广告:NativeX SDK 5.0发布! 放大問題!20分 高分求教,在线等待!!具体问题请进..... 为什么java出这样的问题 初学者多层分布式的问题 请问谁有从数据库填充DropDownList控件的例子, 这个DropDownList是要在DataList的EditItemTemplate中的,谢谢! 请问谁有从数据库填充DropDownList控件的例子, 这个DropDownList是要在DataList的EditItemTemplate中的,谢谢! BC++安装只用15张DISK,后面3张为什么不用? 一个小问题 weblogic+ejb高手请出来赐教 000000000000020.0000000000000000分提问:以前的加密文件现在如何查看? 怎样销毁CFormView 对象? (在线等待) PB如何调用带参数,及返回值的SQLserver存储过程? #####如何捕获在窗体外,鼠标右键或左键CLICK时的鼠标的坐标点##### dll的问题 在VB的菜单中,如何加载图标? 安装问题! 关于高程,菜鸟请各位大虾帮忙!!!! 给datarow负值,在winform可以,在webform失败? 在线统计,在国内有哪些大企业应用了客户关系管理系统(CRM)??? MessageBox不能显示 简单问题,写文字时旋转90度(立即给分) 求救,我好迷惘! 怎么得到当前系统中安装的所有程序(软件)的列表? 什么叫做域(急用) select int (*fp)(int a,int b) 和 int *fp(int a,int b)有何区别 ADO中的_RecordsetPtr的查询问题 我是学VB了,但我不知道IIS是什么意思是否能给示解答,细细说明,增分 为什么我的xp经常一开机不久就发出警报声音 求救,我好迷惘! 请网友们注意接分 郁闷!太郁闷了!大家都来看看,散分 仓库物料存仓量统计问题,SQL语句怎样写,进仓、出仓在不同的表呀! 菜鸟请教高手:这样的代码能写吗 求救,我好迷惘! 怎样使热点(光标)跳到某个对像?? 内空,请sharetop进来领分 仓库物料存仓量统计问题,SQL语句怎样写,进仓、出仓在不同的表呀! 请问oracle和sql server两者最大区别是什么? 请问哪里有<vc60宝典>的电子书下载?不够分再加 用RDS技术要什么样的系统设定?? 如何判断image里有没有图片? 请问高手,能不能给edit的一定部分加阴影。 如果数据达到百万条,如何来优化检索速度???希望高手进来探讨!!! 请问大侠!一个网卡可以和两个ip绑定吗? 大家帮我找原因 开机时候如何进入dos状态? 前辈误会啦!我只是写了可把查询结果用表格显示的程序, 打印还是没有思路!!! 急哭... 重庆考程序员的兄弟们近来看看吧! 调度算法问题! 求救!!win2000的删除与添加程序打不开了? 哥哥4个苹果,姐姐有3个苹果,弟弟有8个苹果,哥哥给弟弟1个后,弟弟吃了3个,这时谁的苹果多少? 氯化铝是分子晶体还是离子晶体? 力学中的弹力问题3.下列说法正确的是?A.木块放在桌面上所受到的向上的弹力是由于木块发生微小形变而产生的?B.木块放在桌面上对桌面的压力是由于木块发生微小形变而产生的?C.用细竹竿 高一化学必修一归纳与整理 solidworks中,弹簧与轴之间,怎么装配啊? 力学中 支持力和弹力是怎么判断的?还有怎么判断支撑力和弹力 谢谢你们的告知.RT 有一堆苹果,4个4个地数余3个,5个5个地数余4个,6个6个弟数余5个,这堆苹果至少有多少个?苹果有59个,只需列出个有依据的算式,说明原因! 如图2,Rt△ABC中,∠BAC=900,M、N是BC边上的点,BM=MN=NC,如果AM=4,AN=3,则MN= . 高中物理力学方面,关于轻杆弹力的题!要准确答案!如图,轻杆AB=14.10,AC=10,当B端挂1N的重物时,BC水平,求弹簧的拉力? 八年级论文物理物态变化 ……每一章……知识点归纳整理, 常温下,甲烷的液化压力和气化压力是不是就是液化气瓶里的压力?气瓶里是纯甲烷液化气 △ABC中,∠BAC=90°,AB=AC,在BC上取M、N,使∠MAN=45°,判断BM、MN、NC为边的△的形状(急) 高一化学必修一、实验整理要试验总结 就是高一有多少个比较重要的试验 solidworks中这个弹簧怎么画 梦到摘枣有什么寓意? 有关力学的一道物理题 在水平长直的轨道上,有一长为L=2米的平板车在外力控制下保持速度v=4m/s做匀速直线运动,某时刻将一质量为m=1kg的小滑块轻放在车面的中点,平板车在外力控制下仍然保 20ml某气态烃,在100ml足量O2里充分燃烧后恢复到原状况(常温、常压),气体体积为70ml.求分子式 梦见吃摘枣吃什么意思 城市噪声来源有工业噪声、交通噪声和生活环境噪声.城市噪声来源有工业噪声、交通噪声和生活环境噪声.控制措施有将噪声严重的工厂迁出市区;对噪声大的机器安装消音器并限制使用, 20ml某气态烃,在100ml足量O2里充分燃烧后恢复到原状况(常温、常压),气体体积为70ml.求分子式 兄弟两个共有苹果24个,如果哥哥分给弟弟2个,哥哥的个数是弟弟的3倍,哥哥和弟弟各有多少个? 质量m=2kg的物体静止在水平地面上,物体与水平面间的动摩擦因素u=0.25,现在对物体施加一个大小为F=8N,与水平方向夹脚a=37°的斜向上的拉力,经5s撤去拉力,求物体通过的总位移.(g取10m/s²) solidworks装配体圆柱中心距怎么配合,它总是将面配合 兄弟两个共有苹果24个,如果哥哥分给弟弟2个后 ,哥哥的个数是弟弟的3倍,他们各有多少个苹果? 1.力学题目一个,木棍的质量是30kg,假设地板和墙壁没有摩擦力,如果不让这个木棍滑到,则需要的力f至少要多少? solidworks弹簧怎么装配到圆柱孔中怎么样才能同心 立体几何怎么学啊?必修1,3,4,5的东西不听都会的 为什么必修二的立体几何听了还是不会做?什么几个点,几条线,确定几个平面的最不会做了,还有异面直线角度也不怎么熟练,到底要怎么学啊? 在 solidworks中怎样实现弹簧与孔之间的饿装配 力学,请问AB和BC杆的轴力怎么算? 怎样学立体几何? 如图,BE,CF是△ABC的高,且BP=AC,CQ=AB.求证AP⊥AQ 做梦梦到吃枣媳妇梦见吃红枣 ,而且枣里面还有籽代表怀孕么? 立体几何怎样学 姐姐和弟弟分苹果,两人分得同样多,姐姐给弟弟10个,弟弟比姐姐多多少? 很简单的力学哟三句话1.压力属于弹力2.不相互接触的物体间也能产生弹力3.只有当具有弹性的物体被拉伸时才能产生弹力他们都错了.可是都哪里错了? 刚学立体几何,帮下忙已知在长方体ABCD-A1B1C1D1中,AB=4,AD=3,AA1=2,求异面直线AC1和BD所成的角大小 姐姐弟弟分苹果 他们分的同样多 姐姐给弟弟十个 弟弟比姐姐多多少个? 做梦梦到吃枣是怎么会事 好不好啊 如何学立体几何 姐弟两人共有连环画98本,姐给弟10本后,姐比弟还多2本,原来姐弟两各多少,怎么做? 关于力学,很简单的!1、背越式跳高可以把重心降低,为什么重心降低了就轻松呢?2、火箭升空的时候,它向上的推力是由燃料燃烧产生的气体提供的,为什么呢?为什么不是因为气体推到地面或空 solidworks怎么画弹簧我以前用的软件是PROE,现在刚刚装上solidworks软件,还不知道怎么画弹簧, 科学家提出不要把落叶扫光,你认为这是出于什么因素考虑的?科学家通过试验证明:40m宽的林带使噪声减少15dB-30dB. 做梦梦见枣是什么意思 梦见吃枣 关于噪声的减弱噪声的途径有三条:在声源处减弱,阻断传播途径,在人耳处减弱,其中最有效的是什么?例如:______ 求教一个很简单的力学问题模型:一质量为M木板置于于光滑的水平面上一质量为m的滑块放置在木板左端木板与滑块的滑动摩擦力为f用水平的恒定拉力F作用于滑块使之运动当M足够小的时候,木 列方程解答应用题:苹果和梨共重560千克,苹果的重量是梨的4倍,苹果和梨各重多少千克? 摩托车的消声器是在_______处减弱噪声? 昨晚梦到一棵枣树,上面结满了青枣,想知道意味什么啊? 怎么作旋转图形啊.如题、、最好把每一步都说清楚一点、急 噪声的定义从环境保护的角度上来看,凡是影响人们正常休息、学习和工作的声音,以及对人们要听的声音产生_____的声音都属于噪声. 一道很简单的力学问题!http://220.163.10.85:8080/wljs/UploadFiles_4905/200709/20070911130110632.doc 中的第6道的D选项 为什么物体A所受滑动摩擦力大小等于  mg cos 啊? 水果店存有30吨,第一次运出五分之一,第二次运出余下的三分之一,还剩多少吨? 为什么氯化铝是分子晶体啊求具体一点 求一篇关于一种生活中物理现象的论文关于力学或者电磁的 2500字 已知一个等腰直角三角形ABC ,角BAC是直角 M,N是BC上两点,角MAN是45度 问BM,MN,NC,的关系 AlCl3为什么是分子晶体啊? 如何判断杆上的弹力方向我觉得挺难的 这种题分析半天还不会 请帮我详细说明一下方法 在此先谢谢了
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘