12个非常不错的javascript类库
Javascript是一个解释性的编程语言。最初作为浏览器的一部份在浏览器中运行,可以和用户交互,并且控制浏览器,异步通讯,修改显示的document。在这篇文章中,我们收集了12款最新的Javascript类库,帮助你更好的搭建网站和开发web应用。
1. Cut.js
CutJS是一个帮助你开发高性能,动态互动2DHTML5图形的超迷类库。支持现代浏览器和移动设备,可以帮助你开发游戏和可视化的应用。CutJS提供了DOM类型的API来创建和播放基于画布的图形。
2. Sticker.js
Sticker是一个轻量级的Javascript类库允许你创建粘贴的效果。不依赖任何类库。支持所有支持CSS3的主流浏览器(IE10+)。基于MIT License
3. Fattable.js
Fattable是一个帮助创建无限滚动,及其无限行列数的Javascript类库。比较大的表(多余10000个单元格)使用DOM处理不是很方便。你的滚动会变得不均匀。同时比较大的表格增长的速度也更快。不太可能让用户去下载或者保留全部数据。Fattable可以帮助你很好的处理异步数据加载
4. fn.js
fn.js是一个鼓励你使用函数编程风格的可选Javascript类库。主要帮助你基于性能和规则来支持函数化实践。为了保证你的路径正确。fn.js内部强制避免side effects,Object Mutation和Function state。支持Node.js或者浏览器,可以使用常规的script来引用或者通过AMD加载器,例如,RequireJS。即将支持Bower。fn.js基于MIT LIcensed,你可以在Github下载
5. Progress.js
Progress.js是一个帮助开发人员使用JS和CSS3创建进度条的javascript类库。你可以自己设计进度条的模板或者自定义。你可以使用progess.js来展示加载内容的进度(images,Video等等),可以应用到所有页面元素,比如,textbox,textarea甚至整个body
6. Dropzone.js
Dropzone.js是一个超轻量级的,使用简单的拖拽开源Javascript类库,可以将一个HTML元素转化为了一个拖拽区。这意味着用户可以拖拽文件到它上面,然后自动通过AJAX上传到服务器。从版本2.0开始不在以来jQuery(但是可以作为jQuery模块使用)。它被开发为一个组件,当然也拥有独立版本,一个AMD的模块并且兼容requireJS
7. Clippy.js
Clippy.js是一个完整的Javascript版本实现的微软代理(大家都知道大头针和它的小伙伴),可以方便的插入任何网站。拥有多种不同的动画。
8. Select.js
一个Javascript和CSS类库用来创建选择元素UI。主要为了重现本地控制效果,允许使用CSS定义样式
9. Instant Click
用来帮助你实现网站提速的Javascript类库,能够帮助导航更加高效。它预加载你的用户可能会点击的一些链接。可以配置来在特定操作下加载,例如,mousedown
10. Wow.js
帮助你在滚动过程中展示CSS动画效果。缺省你可以用它来触发animate.css动画。当然,你可以配置来触发其他你喜欢使用的动画类库
11. Tether.js
Tether是一个用来帮助你使用绝对定位创建两个互相相关元素的Javascipt类库。例如,你可能希望一个提示,对话框打开或者保持在一个相关元素旁
12. ScrollReveal.js
这个JS类库使用最简单的方法来创建和维护在进入viewport后的元素如何淡入。通过添加一个data-scrollreveal的属性到一个元素,如果它处于viewport中,会自动的被展示。允许你使用使用描述性语言自定义展示。基于MIT license。
12个非常不错的javascript类库的更多相关文章
- javascript 框架、根基技巧、布局、CSS、控件 JavaScript 类库
预筹备之 JavaScript 今朝支流的 JavaScript 框架排名中,jQuery 和 Ext 可算是佼佼者,得到了用户的普遍好评.海内的一些框架许多也是模仿 jQuery 对 JavaScr ...
- 编写Javascript类库(jQuery版
编写Javascript类库(jQuery版) - 进阶者系列 - 学习者系列文章 Posted on 2014-11-13 09:29 lzhdim 阅读(653) 评论(1) 编辑 收藏 本系列文 ...
- 【javascript类库】zepto和jquery的md5加密插件
[javascript类库]zepto和jquery的md5加密插件 相信很多人对jQuery并不陌生,这款封装良好的插件被很多开发者使用. zepto可以说是jQuery在移动端的替代产品,它比jQ ...
- 编写Javascript类库(jQuery版) - 进阶者系列 - 学习者系列文章
这些年主要关注于项目管理方面的工作,编码就比较少了.这几天比较空闲,就想把原来的经验沉淀下来,一个是做好记录,以后如果忘记了还能尽快找回来,第二个是写写博文,算是练练手笔吧. 言归正传,这次写的是Ja ...
- 支持Json进行操作的Javascript类库TAFFY DB
前段时间工作中用到Json数据,希望将一些简单的增删改查放到客户端来做,这样也能减少服务器端的压力.分别查找了几个可以对Json进行操作的javascript 类库,最终选定了TAFFY DB.原因如 ...
- 5款帮助简化的HTML5 Audio开发的Javascript类库
HTML5的audio标签提供了我们方便控制声音的功能,可是使用原生的HTML5来开发声音或者音乐相关的项目仍旧很的麻烦.在今天这篇文章中,我们将介绍5款帮助你简化开发的javascript audi ...
- 12个非常有用的JavaScript技巧
在这篇文章中,我将分享12个非常有用的JavaScript技巧.这些技巧可以帮助你减少并优化代码. 1) 使用!!将变量转换成布尔类型 有时,我们需要检查一些变量是否存在,或者它是否具有有效值,从而将 ...
- 12 extremely useful hacks for JavaScript
In this post I will share 12 extremely useful hacks for JavaScript. These hacks reduce the code and ...
- 超酷的实时颜色数据跟踪javascript类库 - Tracking.js
来源:GBin1.com 今天介绍这款超棒的Javascript类库是 - Tracking.js,它能够独立不依赖第三方类库帮助开发人员动态跟踪摄像头输出相关数据. 这些数据包括了颜色或者是人, 这 ...
随机推荐
- 【mysql--sql语句小问题总结】
1:查询过滤条件不为空: <select id="getActivityByIdAndEx" resultMap="BaseResultMap" > ...
- PostgreSQL 务实应用(四/5)JSON
JSON 可谓风靡互联网,在数据交换使用上,其优势特别明显,其结构简洁.可读易读.形式灵活.很多 API 接口的数据都采用 JSON 来表示. PostgreSQL 对 JSON 提供了良好的支持.具 ...
- ProtoBuf练习(二)
重复数据类型 protobuf语言的重复字段类型相当于C++的std::list数据类型 工程目录结构 $ ls proto/ TServer.proto TSession.proto proto文件 ...
- 定时器详解和应用、js加载阻塞、css加载阻塞
1.setTimeout().setInterval()详解和应用 1.1 详解: setTimeout.setInterval执行时机 1.2 存在问题: setInterval重复定时器可能存在的 ...
- Spark Context 概述
1. Spark 程序在运行的时候分为 Driver 和 Executor 两部分: 2. Spark 的程序编写是基于 SparkContext 的,具体来说包含两方面: a) Spark 编 ...
- luogup3834(主席树模板)
luogup3834(主席树模板) 给定由N个正整数构成的序列,将对于指定的闭区间查询m次其区间内第k小值.1≤N,M≤2e5. 有一个做法,是对于每个序列的前缀建一颗权值线段树,然后通过权值线段树相 ...
- Linux 常用命令一览
本篇博文讲述系统内核.Bash解释器的关系与作用,如何正确的执行Linux命令以及常见排错方法. 经验丰富的运维人员可以恰当的组合命令与参数,使Linux字符命令更加的灵活且相对减少消耗系统资源. 强 ...
- 剑指Offer的学习笔记(C#篇)-- 旋转数组的最小数字
题目描述 把一个数组最开始的若干个元素搬到数组的末尾,我们称之为数组的旋转. 输入一个非减排序的数组的一个旋转,输出旋转数组的最小元素. 例如数组{3,4,5,1,2}为{1,2,3,4,5}的一个旋 ...
- Intervals POJ - 1201 差分约束
You are given n closed, integer intervals [ai, bi] and n integers c1, ..., cn. Write a program that: ...
- 返回top写法技巧
HTML<a href="#" class="fixed">top</a> CSS: .fixed{ padding: 20px 15p ...