资讯频道 → Web前端
阅读更多

3顶
0踩

Web前端

原创新闻 用来简化开发任务的20个JavaScript类库

2013-07-10 10:03 by 副主编 WnouM 评论(2) 有12874人浏览
JavaScript 类库 html5 前端

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

所谓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 /译：CSDN
  • 大小: 19.6 KB
  • 大小: 27.9 KB
  • 大小: 25.1 KB
  • 大小: 22.9 KB
  • 大小: 17.2 KB
  • 大小: 24.7 KB
  • 大小: 17.7 KB
  • 大小: 33.6 KB
  • 大小: 23 KB
  • 大小: 24.4 KB
  • 大小: 17.6 KB
  • 大小: 31.8 KB
  • 大小: 26.5 KB
  • 大小: 17.9 KB
  • 大小: 28.9 KB
  • 大小: 20 KB
  • 大小: 16.2 KB
  • 大小: 30.9 KB
  • 大小: 18.6 KB
  • 大小: 27 KB
来自: CSDN
3
顶
0
踩
评论 共 2 条 请登录后发表评论
2 楼 晨必须的 2013-07-11 17:22
还有就是做图表的chartjs ,需求稍微复杂一点，就挂了~~~~
竟然没有 highchart
1 楼 晨必须的 2013-07-11 17:21
bootstrap 没有排在第一位阿，失望······

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • PHP依赖注入原理与用法分析

    主要介绍了PHP依赖注入原理与用法,简单讲述了依赖注入的概念、原理并结合实例形式分析了php实现与使用依赖注入的相关操作技巧,需要的朋友可以参考下

  • 浅谈Spring IoC容器的依赖注入原理

    主要介绍了浅谈Spring IoC容器的依赖注入原理，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  • Spring.Net IOC依赖注入原理流程解析

    主要介绍了Spring.Net IOC依赖注入原理流程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

  • 依赖注入原理

    依赖注入原理。

  • 【源码分析】Spring依赖注入原理

    在Spring中提供了三种实现依赖注入的方式：`字段注入、构造器注入、Setter方法注入`。 首先我们先创建一个Service层的接口以及对应的实现类，基于以下实现类来实现依赖注入的方式：

  • laravel 依赖注入原理理解

    面试时被问到laravel框架的依赖注入原理 一脸懵逼 下来后研究了一番 之前就听说Laravel的特点中依赖注入就是其中之一 Laravel提供了多种依赖注入的方式。首先就将实现构造器或者方法参数的注入，这种依赖注入的...

  • spring依赖注入原理与用法实例分析

    主要介绍了spring依赖注入原理与用法,结合实例形式分析了spring框架依赖注入的概念、原理、用法案例及相关操作注意事项,需要的朋友可以参考下

  • spring依赖注入原理详解(转载)

    spring依赖注入原理详解----转载 所谓依赖注入就是指：在运行期，由外部容器动态地将依赖对象注入到组件中。当spring容器启动后，spring容器初始化，创建并管理bean对象，以及销毁它。所以我们只需从容器直接获取...

  • laravel依赖注入原理

    laravel依赖注入浅析laravel容器包含控制反转和依赖注入，使用起来就是，先把对象bind好，需要时可以直接使用make来取就好。 具体分析参照：http://laravelacademy.org/post/769.html通常我们的调用如下。$config =...

  • Spring依赖注入原理解析.doc

    对spring依赖注入原理进行了详细说明和解析，过程详实，思路清晰，便于新手理解和学习spring依赖注入的核心要义。

  • Spring依赖注入原理（DI）

    Spring依赖注入原理（DI）DI: 依赖注入第一种注入方式: 使用set方法进行注入（setter注入）第二种注入方式: 使用有参构造进行注入（构造器注入）第三种注入方式: p名称空间注入 (了解) DI: 依赖注入 第一种注入方式:...

  • Spring之依赖注入原理

    依赖注入是 spring 框架核心 IOC 的具体实现，也是面试常问的考点。

  • spring——依赖注入原理及注入方式

    总结来说，依赖注入的原理是通过将对象的依赖关系由外部容器来管理和注入，从而解耦组件之间的依赖关系，提高代码的灵活性、可维护性和可测试性。是通过在对象的构造函数、属性或方法中注入所依赖的对象，而不是在...

  • DI依赖注入原理

    DI:dependency injection 依赖注入 在spring框架负责创建Bean对象时，动态将依赖对象注入到Bean组件。 我们在IUserServiceImpl原有基础上添加info属性，提供get set方法 package com.itcast.impl; import ...

  • 详解asp.net core 依赖注入

    　依赖注入，全称是“依赖注入到容器”， 容器（IOC容器）是一个设计模式，它也是个对象，你把某个类（不管有多少依赖关系）放入这个容器中，可以“解析”出这个类的实例。所以依赖注入就是把有依赖关系的类放入容器...

  • 东营市乡镇边界，矢量边界，shp格式

    矢量边界，行政区域边界，精确到乡镇街道，可直接导入arcgis使用

  • Java SSM 商户管理系统 客户管理 库存管理 销售报表 项目源码 本商品卖的是源码，合适的地方.zip

    毕业设计

  • 075.JSP+SQL宿舍管理系统.zip

    毕业设计

  • 经验贝叶斯EB的简单例子

    经验贝叶斯EB的简单例子

  • 69页-智慧园区综合管理平台解决方案.pdf

    智慧园区，作为现代城市发展的新形态，旨在通过高度集成的信息化系统，实现园区的智能化管理与服务。该方案提出，利用智能手环、定制APP、园区管理系统及物联网技术，将园区的各类设施与设备紧密相连，形成一个高效、便捷、安全的智能网络。从智慧社区到智慧酒店，从智慧景区到智慧康养，再到智慧生态，五大应用板块覆盖了园区的每一个角落，为居民、游客及工作人员提供了全方位、个性化的服务体验。例如，智能手环不仅能实现定位、支付、求助等功能，还能监测用户健康状况，让科技真正服务于生活。而智慧景区的建设，更是通过大数据分析、智能票务、电子围栏等先进技术，提升了游客的游玩体验，确保了景区的安全有序。 尤为值得一提的是，方案中的智慧康养服务，展现了科技对人文关怀的深刻体现。通过智慧手环与传感器，自动感知老人身体状态，及时通知家属或医疗机构，有效解决了“空巢老人”的照护难题。同时，智慧生态管理系统的应用，实现了对大气、水、植被等环境要素的实时监测与智能调控，为园区的绿色发展提供了有力保障。此外，方案还提出了建立全域旅游营销平台，整合区域旅游资源，推动旅游业与其他产业的深度融合，为区域经济的转型升级注入了新的活力。 总而言之，这份智慧园区建设方案以其前瞻性的理念、创新性的技术和人性化的服务设计，为我们展示了一个充满智慧与活力的未来园区图景。它不仅提升了园区的运营效率和服务质量，更让科技真正融入了人们的生活，带来了前所未有的便捷与舒适。对于正在规划或实施智慧园区建设的决策者而言，这份方案无疑提供了一份宝贵的参考与启示，激发了他们对于未来智慧生活的无限遐想与憧憬。

Global site tag (gtag.js) - Google Analytics