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

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

Unicode vs Ansi -VB资料 VB 中调用 Word 拼写检查 VB4.0安装程序的汉化 VB中对字符串的处理及其扩展 把符串中的一子串替换为另一子串 -VB资料 把数字转成英文字-VB资料 翻转一个字符串-VB资料 混合字符串的长度 -VB资料 将阿拉伯数字转成中文字的程式 -VB资料 将包含有Null结尾的字符串转换为VB字符串 切分字符串-VB资料 清除字符串中指定的字符 -VB资料 VB如何取得计算机的所有字型? VB如何取得中英混合字符串的长度? 使VB的网格控件具有输入功能 VB如何使用未安装的字体? VB如何由两个ASC码(区位码)复原成一个汉字? VB如何转换C代码中的高字和低字 一些字符串操作的问题和回答 -VB资料 VB怎样把VC++代码转换成VB代码 字符串中包含双引号-VB资料 字符串中文的问题 -VB资料 巧用CLIPBOARD建立图像数据库-VB资料 在VB中存取数据库中的图片 Access97的报表解决方案-VB资料 Access下如何使用通用对话框-VB资料 ADO简介 -VB资料 ADO三大对象的属性、方法、事件及常数(二)-VB资料 ADO三大对象的属性、方法、事件及常数(三)-VB资料 ADO三大对象的属性、方法、事件及常数(一)-VB资料 Data 控件使用有密码的 Access 数据库 -VB资料 资源管理器中选中的多个文件怎样传给我的程序 什么是“三层数据库”和“嵌入式软件系统”? 什么是“三层数据库”和“嵌入式软件系统”? 类似"hello world"的简单问题,求教 免费ASP空间申请,支持ACCESS 事件的终止? 数据追加求教:谢谢您!!!! 请问InputBox在framework 类库里面有没有代替的阿? 为什么我写到文件中的字符总长度比我实际应该要写的多? 如何使dbctrlgrid多选,并使鼠标右击相当于鼠标左击 关于静态IP地址,急!!! 如何将tomcat做为windows的一项服务启动? 请问各位大虾,哪有paradox(INPRISE 公司产品)数据库(*.DB)的资料? 非法操作的问题 请问各位大虾,哪有paradox(INPRISE 公司产品)数据库(*.DB)的资料? 各位大虾救命啊!请问怎么在一个DIALOG中使用RICHEDITVIEW,谢谢大家了 ACCESS的删除问题 我有“处女”情结,可.............. 菜问题,,马上给分sendto问题 while和for的区别 安装的问题 我喜欢上公司的JJ怎么办????? 谁能帮我反编译?急 1.7gmsdn如何改成3张碟刻出来 启动慢? 有什么方法实现点击"提交"按钮后,弹出一个框显示表单里的数据,"确定"后再提交,"取消"后不提交? 请教vb 字符串问题 急!明天要啊!(帮忙啊!)分在另一贴给! 请问如何创建一个组控件,然后又可以动态调用?请进!:) 用Jbuilder开发,怎样配置才能开发j2me? 关于HOOK和键盘屏蔽的问题??? 如何在自己的网页上嵌入google的页面翻译功能 有关2k的内存问题 阴谋家已被清除!大家尽兴的庆祝呀! 问一下 C++基础的弱智(20分钟内结贴) 高手请看:实形变量在不同的过程中调用问题?(大家都要遇到的问题,来着有分!) 还是没解决呀!!1 350元左右的MP3播放器谁好阿?你给推荐一下? 由于工作需要,将要转到Linux平台,请问那位知道有什么好的SQL Client在Linux下? 昨天做成功了有限集手写汉字识别的程序,高兴,散分!!! SOS。。。一个很基础的问题 。。 系统设计和软件设计的说明书问题 [请问]两个JavaScript问题 一个企业的办公系统,使用人数5k人,预算多少合适? 我中了“冰河” 怎么办? 菜鸟问题:linux下怎么把文件a和b压缩成c啊? 请问大家一些事情(关于反汇编) 菜鸟问题:linux下怎么把文件a和b压缩成c啊? 资源管理器中选中的多个文件怎样传给我的程序 氧化铁与稀盐酸的反应是溶液中的离子反应么如题.强调了 “溶液中的”离子反应 电机弹簧压紧装置是什么结构,忘高手指教. 用氢氧化钠溶液处理硫在氧气中燃烧产生的气体.这句话为什么正确?请说明原因. 在化学试剂中的漂白剂 能除去所有有色溶液的的颜色吗?例如Na2O2 多元化与多样化的区别历史题中的一个选项是“从文明史观角度看,体现了中国近代文明的多元化”.这个说法对么?多样化与多元化究竟有没有区别?拜托不要乱讲啊.. 物质的量浓度相同的NH4HCO3和NaHCO3哪个中碳酸根离子浓度较大?为什么?不是都是强电解质吗? 药物制剂稳定性试验中的留样观察实验是什么,为什么药制课本上没有?它跟长期试验,或影响因素试验有关系吗? 文化多样性与文化多元化的区别 具有以下自旋量子数的原子核中,目前研究最多用途最广的是(  )  A.I=1/2; B.I=0;C.I=1;  D.I>1 3.下列化合物中的质子,化学位移最小的是( )A.溴甲烷; B.甲烷; C.碘甲烷; 题目↓(要列式计算)给幼儿园大班40个小朋友分苹果,每人2个就剩一些,每人3个就不够分,剩下的和不够的同样多,共有多少个苹果? 药物制剂稳定性重点考察项目有关物质是什么 文化多元化与文化多样性的区别 我的英语考试题 我对下答案 谢谢1.When are you going to hainan? I‘m going there----------june A With B O n C at D in 2.-------------? I have a sore throat. A What are you doing ? B 人品药剂是什么? 醋酸分子为什么可以存在于pH=8的碱性溶液中我知道那些醋酸盐水解的反例,可我想知道为什么能够存在,是因为醋酸是弱酸吗,但是它会电离出氢离子,氢离子与氢氧根离子会反应,那这样醋酸就 英语考试题的答案一、找出画线部分的读音不同于其他的升一项,将标号写在括号内.( )1、bread 2.head 3.ready 4.teacher( ) 1.look 2.room 3.book 4.good ( ) 1.yellow 2.window 3.cow 4.know( )1.white 2.where 3.what 4.who( 惯性定律和惯性的本质是什么 室温下醋酸分子可以存在PH为8的碱性溶液吗 英语考试题目,大家帮忙给我选下答案第1题题目:The best students are ______ special scholarships. 可选答案: 1.rewarded 2.awarded 3.compensated 4.refused 第2题 题目类型: 单选题 题目:It ______ that the j 内燃机与发动机有什么区别? 包括绝对值当代数式|x+1|+|x-2|取最小值时,相应x的取值范围是(),它的最小值是(). 在线英语考试题1,What makes a person a scientist?Does he have ways or tools of learning that are different from those of others?The answer is "no".It is not the tools a scientist uses but how he uses these tools that makes him a scientist.You w 如果地球倒着转,时间会不会受到影响? He has a fever,he should ( take takes)some medicine.选择(take还是takes) 求正确答案,这是英语考试题~Nearlyfive million people see Grand Canyon (大峡谷) each year.Most ofthem see it from their cars at overlooks along the South Rim.The South Rim isthe easiest to reach in the park..TheSouth Rim is open 24 hours 这边开山的多,拉石头填海这活怎么包?有干这个的给个指点. 一道关于绝对值的初中数学题设A,B是正整数,且56小于等于A+B小于等于59,0.9 图中()号图形是1号长方形放大后的图形,它是按():()的比放大的. 丝绸之路引进了哪些物品? 04年天原杯化学的一道题A、B、C三种物质各15克,它们发生化合反应时,生成30克新物质D.若增加10克C,A与C恰好完全反应,则A与B参加反应的质量比为…………………………………………( )(A)1:1 (B)2: 什么是氧族元素? 求:“企业发展需要无私奉献”辩论赛视频 天原杯的化学题向AgNO3,Cu(NO3)2的混合溶液中加入一些锌粉,完全反应后过滤.不可能存在的情况是:A.滤纸上有Ag,滤液中银离子,铜离子,镁离子,锌离子B.滤纸上有Ag,Cu,滤液中有银离子,锌离子,镁离 氧族元素1.实验室制取SO2为什么只用中等浓度的H2SO4,不用浓H2SO4或稀H2SO4呢?2.为什么SO2不能使酸碱指示剂褪色? 企业进行辩论赛,哪些辩论题目比较适合,越多越好, 一道化学题(2005天原杯山东)溶液的碱性强弱跟溶液中的OH-的数量有关.一定体积的溶液中,OH-数量越多,则溶液的碱性越强.10%的NaOH溶液,与10%的KOH溶液相比较(溶液密度相同).碱性更强的是?A 什么叫氧族元素 辩论赛个人发展靠 企业辩论赛正方观点,个人发展靠自己,反方观点,个人发展靠企业.我是反方.求能问倒对方的问题 未来的人类是不是会越长越高?因为父母的基因的话,每一代的小孩都应该会更高.再这样下一代的孩子又会比上一代更高不是吗?还是又有其他别的因素影响人类的身高发展? 关于氧族元素的问题下列事实能说明元素R一定是氧族元素的是A R为非金属元素,其氧化物对应水化物的化学式H2RO3B R的单质与H2生成H2RC R的单质可与Al反映生成Al2R3D R的氢化物的水溶液显酸性 l should to take some medicine after meals.题中有你个错误的单词,请写出来,并改正. Sarah should take some medicine.变成疑问Should Sarah take any medicine?应该怎么回答? 氧族元素的题2 工业上从含硒的废料中提取硒的方法之一是用H2SO4和NaNO3处理废料,获得亚硒酸和少量硒酸,加入盐酸共热,硒酸被转化为亚硒酸:2HCl+H2SeO4=H2SeO3+Cl2↑+H2O再将SO2通入亚硒酸的溶液 图纸里厕所前画个虚线圆代表什么两个座式的 其中一个是残疾人用的 虚线圆画在残疾人厕所门前 感激不尽 托福怎么拿成绩呀我大概在6月份考了一次,在上海中学,一直没拿成绩,现在还该怎么拿呢? 1斤奶出多少酸奶 西方有北约,东方有这方面的联盟吗?如题 弹簧用在哪 氧族元素随着核电荷数/////的增加?原子获得电子的能力如何? 室温下,醋酸分子可能存在于PH=8的碱性溶液中.这句话我什么是对的? 关于NaHCO3和NH4HCO3的一个问题取一定量NaHCO3和NH4HCO3分别加热到300℃使之完全分解,在该温度和相同压强下,分别收集到的气体体积之比是1:6,则原来NaHCO3和NH4HCO3的物质的量之比是______.解析:有2Na 下列曲线分别表示元素的某种性质与核电荷数的关系(Z为核电荷数,Y为元素的有关性质)把与下列的元素有关的性质相符的曲线的标号填入相应括号中:(1)第三周期元素单质的熔点( ) NBA西部联盟和东部联盟是什么意思? 托福成绩单怎么取呢! FE\ GE\ 走IP的物理线是什么?光纤是能传递ATM或者IP的信号对吗?155M SDH这些之类的都是什么啊?电口光口都是什么啊?有点混乱 7.下列说法中,不正确的是A.室温下,CH3COOH分子可以存在于pH=8的碱性溶7.下列说法中,不正确的是A.室温下,CH3COOH分子可以存在于pH=8的碱性溶液中B.在0.1 mol•L-1的氢溴酸中加入适量的蒸馏 2011天原杯化学复赛 我明年九月要出国,可是托福现在只有40分,要怎么样学,可以考到一百分 我看到一款电机里边有个弹簧,目的是轴承预载, 取一定量的NaHCO3和NH4HCO3分别加热到300℃,使之完全分解,在同温(T≥100℃)同压下体积比为1:6.取一定量的NaHCO3和NH4HCO3分别加热到300℃,使之完全分解,在同温(T≥100℃)同压下体积比为1:6,求NaHCO3和NH 武义江遭日化企业偷排污水 环保部门立浙江象山:消防安全宣传走进“千年古驿德摄影师记录搏击场上的泰拳儿童:成父井盖上的日本细节(高清组图)中国企业将加大国际并购力度——访摩根秘鲁总理宣布辞职TCL与IMAX合作研发高端家庭影院印度一客车30日因油箱起火发生爆炸,土耳其称若与中国磋商失败 将重招标反黑龙江肇东一市民30余万征地补偿款被宁国就“副市长看望百岁老人PS照片”范长龙会见马来西亚国防部长“桑迪”吹袭一周年 纽约仍致力重建肯尼亚将起诉“9.21”恐怖袭击案嫌日爱子公主学习成绩优异 有望进东京大欧盟向安第斯国家提供控毒援助日本京都净福寺时隔近百年展示秘藏佛像中国军舰靠近日领海返航 日防相称须加一辽宁籍渔船与韩国籍货轮碰撞后沉没 欧盟向安第斯国家提供控毒援助秘鲁警方查获数百万美元和欧元假钞日本太地町渔业协会不理会批评 称将中英企业家寻觅“新常态”下的合作机遇严隽琪率团访问德国和捷克肯尼亚总统称蒙内铁路将惠及当地民生保定新青年创业协会成立 为青年创业者邯郸市丛台区:好人好事有记载“雷锋故河北涿鹿一少年溺亡 张家口蓝天救援队抚宁县工商局为青龙农民挽回经济损失2[长城时评]“监察严格”何以成为干部“同创食品安全示范区” 骑行宣传保食《全国农业可持续发展规划(2015-专家:旅游群体呈现年轻化趋势广宗人社局开展工伤保险集中宣传活动邯郸六旬儿子带着瘫痪九旬老娘摆摊谋生额敏县:穿梭于生命线上的“爱心私家急邢台桥东区百余“小餐桌”戴上“紧箍咒邯郸市丛台区:防溺水课堂走进社区【高清】邯郸市滏东小学“迎六一 展风秦皇岛市地税稽查局多措并举强化“以查[长城时评]“择校热”降温不能止于均安徽省商务厅原厅长曹勇涉嫌滥用职权受
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘