Javascript必须掌握的js库

JavaScript脚本库是一个预先用JavaScript语言写好的库。使用JavaScript库可以更轻松地开发基于JavaScript的应用程序,尤其是对于AJAX和其他以Web为中心的技术。当我们在为一个项目选定开发技术的时候,选择一个明星框架当然很不错,但是有些库文件太大了。当你想要为一个特定的任务寻找解决方案的时候,你可以选择一个更有针对性,更轻量级的框架。

  本文整理了2015年1月15个可提高编程效率的JavaScript库,下面这些JavaScript库都是非常实用的,尤其是对于有特定需求的项目。

  ·1. Snabbt.js

  Snabbt.js是一个简约快速的JavaScript动画库。它侧重围绕元素进行移动,能够平移、旋转、缩放和调整元素。通过矩阵乘法操作,转换可以以任何你想要的方式进行组合。最终,将通过CSS3转换矩阵呈现页面结果。

  ·2. Chroma.js

  Chroma.js是一个微型的JavaScript库,适用于各种颜色处理的,可实现各种颜色的转换和色阶处理。

  ·3. ECharts

  ECharts是一个综合的图表库,能以一个很自然的方式将交互图表添加到商配的产品里。在ZRender-based坐标系基础上,ECharts目前支持行、列、分散、漏斗、地图和指定图表等多种样式,其中许多可以合并呈现在一个图中。

  ·4. TheaterJS

  TheaterJS是一个模拟人类打字效果的JavaScript库,包含多个角色管理、事件处理等。

  ·5. Particles.js

  Particle.js是一个轻量级的JavaScript库,用来创建网页上的颗粒效果,易与大量参数进行配置。

  ·6. Fancy Form

  FancyForm 是一个非常强大的 JavaScript 库,可以作为 checkbox 和 radio button 的替代品,能生成非常漂亮的 checkbox 和 radio button,并支持几乎所有浏览器,该 JavaScript 库需要 MooTools JavaScript 框架的支持。

  ·7. Turf.js

  Turf是一个用JavaScript编写的模块化GIS引擎。根据GeoJSON数据处理执行地理空间任务,可以在服务器或在浏览器上运行。

  ·8. BigPicture.js

  bigpicture.js是一个JavaScript框架,可以在HTML页面无限的平移和无线缩放。

  ·9. Decimal.js

  Decimal.js是一个任意精度的十进制类型JavaScript库,拥有简单但功能齐全的API。

  ·10. Thaw.js

  Thaw.js提供JavaScript合成异步处理,可以延缓浏览器进程,实现DOM之间的交互。

  ·11. 101 : Modern JS Utility Library

  101是一个新的JavaScript工具包,提供基于 Node.js 环境中的多重常用编程功能。它省去了构建自定义程序,只需自然捆绑所需要的操作流程。

  ·12. textAssist

  textAssist是提供高度自定义选项的智能文本助理脚本。此脚本使用jQuery框架,可用于动态web页面。textAssist帮助web开发人员制作更多可用性强的网站,从而也对用户更友好。

  ·13. SmartUnderline

  SmartUnderline是一个JavaScript库,用于更灵活地创建跨浏览器descender-aware underlines。SmartUnderline搜索页面的链接和CSS underline应用,取而代之的是更多漂亮的underline样式。

  ·14. MetricsGraphics.js

  MetricsGraphics.js是一款基于JavaScript的响应式图表库。它提供一种简单的方式来生成常见的图形,支持几乎所有类型的图表,包括折线图、柱形图、饼图等,以及地毯图和基本的线性回归等功能。MetricsGraphics.js是基于可视化图表库D3上面的,因此开发者可以自定义很多功能强大的图表功能。开发者只需插入几个缺省参数,以及一个或多个可选参数即可开始操作。

  ·15. Blip

  Blip是一个针对网络音频API的JavaScript库。它简化了创建节点和音频路由的步骤,提供了灵活的循环和操纵样本方法,即节省了时间也富有充足的音乐表现力。

   

tween.js可生成平滑动画效果的js动画

http://www.htmleaf.com/Demo/201501271285.html

tween.js可生成平滑动画效果的js动画库

时间: 2024-10-26 09:06:03

Javascript必须掌握的js库的相关文章

js库Modernizr的介绍和使用

  Modernizr是一个开源的JS库,它使得那些基于访客浏览器的不同(指对新标准支持性的差异)而开发不同级别体验的设计师的工作变得更为简单 传统浏览器目前不会被完全取代,令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站. Modernizr 正是为解决这一难题应运而生,作为一个开源的 JavaScript 库,Modernizr 检测浏览器对 CSS3 或 HTML5 功能支持情况. Modernizr 并非试图添加老版本浏览器不支持的功能,而是令你通过创建可选风格配置修改页面设

在Liferay中加入自定义的js库文件

在Liferay中,如果我们要让服务器上使用自己的js库(比如ext-js库)而不是使用默认的aui库,可以按照下面的步骤做: (1)放置库文件 我们到$liferay_home/tomcat-7.0.23/webapps/ROOT/html/js 目录下建一个目录叫extjs,然后把ext-all.js复制进去. (2) 在$liferay_home目录下创建portal-ext.properties ,然后从portal-impl.jar 包中的portal.properties中吧java

不依赖Flash和任何JS库实现文本复制与剪切附源码下载_javascript技巧

效果图如下: 我们在网页上放置一个复制按钮,主要用来方便用户复制链接之类的复杂文本,以往的做法是,通过JS依靠Flash,甚至借助jQuery庞大的js库来实现文本复制到剪贴板的.今天我要给大家介绍的是一款极现代的,不需要flash,不依赖任何其他js库的非常小的插件,它叫clipboard.js. 查看演示 下载源码 HTML 首先加载本地clipboard.js文件. 复制代码 代码如下: <script src="clipboard.min.js"></scri

js库Modernizr的介绍和使用_其它

传统浏览器目前不会被完全取代,令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站. Modernizr 正是为解决这一难题应运而生,作为一个开源的 JavaScript 库,Modernizr 检测浏览器对 CSS3 或 HTML5 功能支持情况. Modernizr 并非试图添加老版本浏览器不支持的功能,而是令你通过创建可选风格配置修改页面设计. 它也可以通过加载定制的脚本来模拟老版本浏览器不支持的功能. 什么是Modernizr? Modernizr是一个开源的JS库,它使得那些基

当新手使用JS库遇到问题怎么办

见标题,知其意.在做网站时候,其实我们会用很多JS库,网络上流行的和公司自己封装的,这些东西都很好用,但是或多或少的有些bug或者有一些缺陷,即使真的很完善,但也可能达不到自己特定的一些需求.所以遇到问题,是很正常的.但是为什么要说是新手遇到问题呢?这就是因为,有些问题,工作几年的攻城狮,轻而易举的就解决了,所以对于他们这些根本不是问题,或者对于他们这些就是私人定制而已. 其实我也是这样走过来的,如果叫我自己完全封装一个非常强悍的JS库,我肯定是没有办法做的,不是因为技术,而是经验不够,因为考虑

《Ext JS权威指南》——2.2节配置使用Ext JS库

2.2 配置使用Ext JS库要使用Ext JS,首先要做的是将Ext JS包里的resources目录.bootstrap.js文件.ext-all.js文件和ext-all-debug.js文件复制到项目目录.接着在页面中head标记部分添加CSS和脚本文件的引用: <link rel="stylesheet" type="text/css" href="path/resources/css/ext-all.css"/> <

clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切_javascript技巧

我们在网页上放置一个复制按钮,主要用来方便用户复制链接之类的复杂文本,以往的做法是,通过JS依靠Flash,甚至借助jQuery庞大的js库来实现文本复制到剪贴板的.今天我要给大家介绍的是一款极现代的,不需要flash,不依赖任何其他js库的非常小的插件,它叫clipboard.js. 运行效果图:   HTML 首先加载本地clipboard.js文件. <script src="clipboard.min.js"></script> 然后就是在body中加上

jQuery多个版本和其他js库冲突的解决方法_jquery

jQuery多个版本或和其他js库冲突主要是常用的$符号的问题,这个问题 jquery早早就有给我们预留处理方法了,下面一起来看看解决办法. 1.同一页面jQuery多个版本或冲突解决方法. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery测试页</title> </head>

解决同一页面jQuery多个版本或和其他js库冲突方法

1.同一页面jQuery多个版本或冲突解决方法  代码如下 复制代码 <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head>     <meta charset="utf-8" />     <title>jQuery测试页-111cn.net</title> </head