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

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

技术杂项PHP教程结束篇 -PHP初学入门教程13 .NET中DataSet和DataReader的区别与转换 CGI技术及其开发(二)-Delphi资料 CGI技术及其开发(一)-Delphi资料 COM/DCOM中如何传递数组-Delphi资料 COM与DCOM的区别与联系-Delphi资料 Cookie的建立使用-Delphi资料 Delphi 3中Cookie的建立使用 Delphi 中 串 行 通 信 的 实 现 Delphi4.0 开发WEBMAIL程序 Delphi4的Winsocket编程 Delphi4开发WEBMAIL程序 Delphi编写网络程序的安全措施 DELPHI 和 THE INTERNET Delphi开发Web Server程序如何返回图像 Delphi开发Web Server程序响应用户的输入 DELPHI与INTERNET(二) DELPHI与INTERNET(一) Delphi中串行通信的实现 Email 服务器的简单实现-Delphi资料 Internet编程技巧-Delphi资料 SMTP组件的使用方法-Delphi资料 Web Server程序开发环境的建立-Delphi资料 WEB数据库的开发-Delphi资料 Win32 行程通讯的观念与技术-Delphi资料 编程发送E-mail-Delphi资料 调用那个函数得到本机的IP-Delphi资料 动态改变/添加网络设置中的 TCP/IP 的 DNS 地址-Delphi资料 任何动态改变/添加网络设置中的 TCP/IP 的 DNS 地址-Delphi资料 如何在程序中动态取得Win98的网络邻居中的工作组及计算机名-Delphi资料 动态设置DNS地址-Delphi资料 关于双系统!!! 如何将数据库中保存的word文件读出并在IE中大开? 关于acmStreamOpen的问题? 关于editmask的问题 TURBOC 3.0的问题,在线等待..... 各位高手!我又一问题请教!请帮忙!!! IIS如何与Tomcat结合,请指教! 如何用java访问Excel文件? 如何添加空记录 非常着急!!请高手赐教!我刚注册,只有200分奉送!!谢谢!!! 哪儿可以提供ExpressNavBar vcl下? 各位高手快来指点一下,是关于动态创建组件的! 自己定义CMP的finder定位器的问题 四舍五入问题 请教牛人,能不能发一段java中有关计时的程序 一个小问题,请大侠指点,立即给分!!! 关于三角函数的问题 一个三百年前已忘得一干二净的问题 打包!!!问题问题。。。在线..... 一个c的问题!! [100分求救]在Canvas或Applet上画的图应该怎样输出为jpg图象呢? 用VC的console application 到底能编多大的程序? 关于程序在初始化时候注册窗口类的问题? 上网很慢 请问从log文件里都能得到哪些信息? 系统设计一般把数据表放一个数据库中还是分到多个数据库中? 树型控件的问题,PB8.03版本,大家遇到过吗? 强烈支持雍亲王倒分!!(江湖无赖) 怎样调用VC写的DLL 同步 兄弟们,我的rh8中怎么没有中文输入法? 在access中如何用函数?我怎么找不到函数库啊。那里有关于access的函数库教程? 请教 我装的DELPHI7.0不知为何在区域设置为“英文”是看到的汉字都成了“????”? <iframe>如何改变大小? 关于水晶报表的问题!(急!!!!)(在线等待~~~~~~~~) 关于vb脚本中运用三角函数的问题 一个三百年前已忘得一干二净的问题 cbc+数据库的问题????????? 能不能控制<input type='fele' ...>的文件类型,如不可输入(readonly全部都不能用了) 在线等待:谁有个最简单的加密算法? 谁有More Effective中文电子书! 请教一段java计时器的问题(送分了) 在ASP中能不能引用.net的框架组件,能的话该怎么做? 占便宜歌 不想周末加班了,帮我啊兄弟们! 小弟是2003年毕业生,想找个软件工程师工作,不知道有什么要求? 一个简单的添加记录语句,求解! 请问通常所说的“横表”“纵表”指什么。 我想在菜单显示之前将其文字都更改掉在哪个函数中写?? 各位高手快来指点一下,是关于动态创建组件的! http://expert.csdn.net/Expert/topic/1180/1180423.xml?temp=.7148706 各位高手快来指点一下,是关于动态创建组件的! 你读了自己的花是让别人看这篇文章的读后感.300字大部分要说人人为我,我为人人 已知2-根号7的整数部分是a,小数部分是b,试求b(ab+6)的值 根据平面几何的构股定理,类比出三棱锥中相对应的结论用字母表示,多则 could you please buy _____drinks and snacks?could you please buy _____drinks and snacks?sorry .I do not have _____money .A.some ,any B.any ,any C.any ,some any可用于疑问,为什么不能选, “殄”这个字怎么读? on may 1st we s____ held the world expo in shanghai 根据句意级首字母完成单词 could you please buy( )snacks( )drinks?填 some and还是any or 上面是号字下面是食字 ,上面是一个殄字下面是一个食字.这两个字怎么念是什么意思 ABC英文字母哥 吉他谱ABCCDEFG HIJKLMN OPQ RST UVWSYZ…… 吉他谱 谢 留Q 根据首字母完成单词:-Could you please buy some drinks and snacks?-No,I____(不同意) 他这么说是啥含义阿 有一天,字母国的ABC来到地球,请问现在字母国还有几个字母? 用英文怎么翻译? 7. Who is the girl _____ wearing a red dress?A. whose B. that C. whom D. that’s7. Who is the girl _____ wearing a red dress?  A. whose   B. that   C. whom   D. that’s为什么这道题选D? "殄"这个字读什么? 用比喻的修辞手法描写月亮出来时的情景 英语组词成句:girl,young,who,red,is,in,that,(.) 男的一般这么说是什么意思啊.女的 22:35:33 有事么. 男的 22:37:44 没事,跟你聊会儿天 女的 22:39:02 你是坐那谁旁边那个男孩子. 男的 22:41:44 哎!聪明!呵呵 女的 22:42:15 呵呵. 男的 22:43:57 今我们 people were overjoyed at the news that the World Expo would be held in Shanghai in 2010 Hearing the news -------- the World Expo would be held in Shanghai in 2010 ,people were wild with ----------- .After hearing the news --------- the world expo wou 什么水平才能考BEC高级?我的英语六级只考了500分,听力比较弱这个水平可以考BEC高级吗?还是考BEC中级比较好?考中级对找工作有用吗? 殄文怎么读 The World Expo held in Shanghai this summer____ to many people from the world.A.apple B.attract C.fascinate D.attach 我觉得哪个答案都不对呀,好像时态全都错了吧? 一个英语句子的困惑similarly,a king's servant might not be the best one to write a biography of that king,but a foreigner might not have the knowledge and sympathy necessary to write the king's biography-not for a readership from within the k 一个美女主动和我视频 然后我 问她我丑不丑 她说 这都不是事.是事就一阵.一阵就一会儿.一会儿就完事 请问这方章刻的是什么字 萎靡的读音萎靡 的读音 关于暴殄天物的殄是殄,不是殓 由月亮展开想象与联想,写一段话,要求运用比喻的修辞手法50字左右. 已知3+根号7/2的整数部分是a,小数部分是b,求500a^2+(1+根号7)ab+4的值 第二题我空着的怎么写? 智慧背囊中的好文章 《春夜喜雨》中的“花重锦官城”中的‘重’字的读音. 我们班刚开学的时候有个男生管我要手机号,我一直不肯给,后来我问他你会给我打电话么?后来我给他了,他也给我打了过来告诉我了手机号.老和他同桌的男的喜欢我.但是他肯定不是管他要的, 关于扩散性百万亚瑟王刷招待的事rule_scene.xml 我怎么找不到这个文件. “一帆风顺”中“帆”的读音到底是第一声还是第二声?“帆”的拼音只有一个第一声的,为什么在“一帆风顺”中“帆”字大多数人都是第二声? 第4题的第2个空填什么 谁会扩散性百万亚瑟王刷招待谁会刷可以仔细教我一下么?或者直接帮我刷一下可以么?各位大大帮帮忙啊. 风靡全球发音?是不是第三声?靡 读第二声是不是只是 奢靡,其他全部第三声 百万亚瑟王3张相同普卡与2张闪卡如何满破?招待送的,明天星期五,求详细合成顺序 阳光下物体影子的变化是有规律的,为什么 已知根号10的整数部分是a,小数部分是b,求a²+b²(谢谢, 求证,有两个角及其中一个角的角平分线对应相等的两个三角形全等 英语同步道学怎么写啊 who is the girl ( ) red 十个字母,在ABC里面选 左边一个言旁,右边上面两口字下面一个亏字读什么 who is the girl a red hat? 求使用扩散性百万亚瑟王招待码!注册时招待码请填2e77b.能获得一张第二型罗恩的五星卡!是一区! 有关宋明理学的一道历史题粉身碎骨浑不怕 要留清白在人间.这是明代诗人于谦的著名诗句.反映了当时社会的主要思想是A道学 B佛学 C理学 D心学 who is the girl ( )red there?A./ B.over C.with D.in 扩散性百万亚瑟王日服招待码求用6342e8 一起那6星卡吧! 求刷PSV日服扩散性百万亚瑟王(MA)招待码V148f5区分大小写 再注册名字下面那栏填 Could you help me buy some____(many)drinks and snacks. 求证:有两个角及其中一角的角平分线对应相等的两个三角形全等.要有图的 求扩散性百万亚瑟王(扩散性MA)国服招待码 could you buy some drinks为什么用some,不是用any吗 蝴蝶标本怎么做呀? 英语翻译Jane does not accept this job because she wants to earn money 两种译文:1,简不接受这份工作,因为她想赚钱.2 简不是因为想赚钱才接受这份工作的.答案为译文2, 一个让人很困惑的英语句子---务必高手进As the bus began coming near the school I wondered what my teacher would be like .我还看在网上看到过这样的句子:As the bus began coming near to the school I wondered what my teacher 蝴蝶标本是怎样制成的? 英语翻译Some goods we distribute by merit,others by need,still others by chance.”这个句子有人说是因为强调把Some goods放在了前面,正常语序是:We distribute some goods by merit,others by need,still others by chance.”还
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘