超全超实用的Javascript类库和jQuery插件大全之一:Web印刷排版

简介: 日期:2012-10-9  来源:GBin1.com 如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的,特别是如果你不希望自己去处理不同浏览器的兼容性问题的话,使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。

日期:2012-10-9  来源:GBin1.com

如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的,特别是如果你不希望自己去处理不同浏览器的兼容性问题的话,使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。

使用javascript类库可能并不一定是最好的选择,很多情况1下可能你会发现类库加载并不正确,或者有性能上的问题,例如,移动设备上使用js类库。很多情况下使用类似jQuery的类库可能有点杀鸡用宰牛刀的感觉,然而,一些超轻量级的类库可能更加的实用。这里我们也会介绍一些。

在这个两个部分的文章中,我们将介绍一些非常实用的javascriptjQuery类库,帮助你解决你经常遇到的问题。你可能知道一些,但是你肯定不会都知道。希望我们这片文章能够帮助你发现一些你能应用到项目中的实用类库。

因为文章篇幅的原因,这里我们分为几个部分:

快速了解:

下面你将看到一个简单的类库列表介绍,每个类库连接到了对应的网站,能够帮助你快速的找到需要的类库工具。

web表单:

forms framework – auto-saving drafts – file upload (and resuming large downloads) – <select> boxes – modal boxes – form accordion – dynamic labels – drop-down with images – tooltips – extended input – form validation – credit card validation (alternative) – email check – password complexity

web印刷排版:

repairing vertical baseline – align text to a grid – responsive measure – fixing widows – fluid line height –scalable headlines (or smart headlines) – Lettering.js – Kerning.js

实用类库:

exchange rates and currency – date/time formatting – relative timestamps – number and currency formatting– cookies.js – zip.js – extra string methods – countdown.js – sticky content – Google Maps – interactive maps– progress bar – favicon notifications (or Notificon)

图片,地图和图形:

world maps – subway map – Google maps – open source maps – SVG fallback – gauges – graphs – timeline– Retina display – magnifying glass – interactive graphs – plots – time visualization

Web印刷排版

Baseline.js

一个用来管理图片的baseline的jQuery插件

Baseline.js

FTColumnflow

这个类库用来解决CSS列布局问题。使用这个类库你可以提供一个可配置的列宽度和margin,定义元素的宽度。

FTcolumnflow

Responsive Measure jQuery Plugin

一个简单的script,帮助你传递一个选择器来生成理想的字体大小。同时也生成一个分别率无关的字体缩放大小。

Baseline.js

The Widow Tamer

一个非常小的js类库自动填补未排够的行。设计用来处理响应式布局。

JavaScript Library

Fluid Line-Height

在这片文章中,Tim鼓励大家修正Line-height来优化响应式设计的可读性。

jQuery minlineheight是一个帮助你设置最大最小宽度的工具插件。

Nice Web Type

FitText.js

这个插件帮助你创建可缩放的标题来适应父元素宽度。你也许对于字母处理有兴趣,可以看看 Lettering.js

FitText.js

Kerning.js

一个允许你使用CSS rules来变化,修改web type的类库。

Kerning.js

SlabText.js

一个用来创建响应式标题的jQuery插件

Nice Web Type

实用类库

money.js:开源的兑换率和货币转化类库

Joss Crowcroft开发的开源的兑换率API,提供了最新的灵活方便的货币转化数据,可以应用到任何应用或者语言中。不需要付费,没有限制,没有复杂XML,基于JSON。同时也开发了money.js,一个货币转化的javascript类库。可以方便的整合到网站中。

JavaScript Library

Accounting.js: Easier Number and Currency Formatting

一个帮助你转化货币或者格式的js类库。可以帮助你似的数字和货币显示更加专业和美观

JavaScript Library

Moment.js: Format Dates And Times

这个超棒的时间相关处理类库在以前的文章中我们介绍过,如果你需要处理时间相关的功能,它基本都可以帮助你完成,强烈推荐!

JavaScript Library

Smart Time Ago

另外一个帮助你计算距离现在时间的类库,有兴趣可以看看这篇文章:

帮助你自动生成已经过去的时间的jQuery插件- Smart Time Ago 

Smart Time Ago

sortByTimeAgo.js

一个javascript类库接受一个使用timeAgo属性的对象数组,然后从最新到最旧来排序

Piecon

一个超棒的帮助你在favicon上生成piechart的类库,支持FF9+,chrome15+,Opera11+

Piecon

Notificon: Favicon Notifications and Alerts

一个用来生成favicon的javascript类库。你可以指定一个label和一个favicon,支持Chrome6+,Firefox2+和opera

jQuery Stick ‘em: Make Content Sticky on Scroll, to a Point

帮助你更好的阅读超高图片相关信息的插件。

jQuery Stick 'em

Countdown.js

一个帮助你准确计算时间间隔的js类库。

geolib

一个帮助你计算地理信息功能的js类库,例如,距离计算,转换坐标等等

Geolib.js

Cookies

帮助你管理处理cookie的js类库,支持AMD/CommonJS,支持Chrome,Firefox3+,Safari4+,Opera10+和IE6+

firstImpression.js

一个微类库用来帮助你确认是否用户访问过网站

Chirp.js: Tweets on Your Website

一个轻量级的模板js类库,帮助你显示tweet到你的网站。支持客户端缓存。

Chirp.js: Tweets on your website

simpleWeather jQuery Plugin

一个简单的jQuery插件来显示任何地方的天气。主要来自于yahoo的YQL API。

zip.js

一个js类库用来zip和unzip文件。zip.js提供了底层的API用来写入和读出大的zip文件(大到4GB)。

支持Chrome,Firefox,Safari6和IE10+。使用Safari 5和IE9,你必须关闭webworker使用Typed Array polyfill.

string.js

一个类库提供字符串方法来处理文本字符串

 

来源:超全超实用的Javascript类库和jQuery插件大全之一:Web印刷排版

目录
相关文章
|
1月前
|
JavaScript 前端开发
javascript开发的简单的弹幕插件
这是一个原生javascript开发的简单的弹幕插件,具有美观、易用,占用的资源较低等特点,可以给弹幕设置内容、颜色、头像、链接地址等属性,鼠标悬停等,简单实用,欢迎下载!
41 5
|
1月前
|
JavaScript 定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图,默认左侧是页面主要内容,minimap.js的好处就是在它的右侧形成一个快速定位通道,产生一个缩小版的页面,即预览效果,可以点击并快速定位到页面的某个位置。简单实用,欢迎下载!
31 0
|
2月前
|
存储 JSON JavaScript
Vue.js开发中基于localStorage与sessionStorage的本地存储利器:Vue-ls插件使用详解
Vue.js开发中基于localStorage与sessionStorage的本地存储利器:Vue-ls插件使用详解
61 0
|
2月前
|
监控 Java Maven
springboot学习二:springboot 初创建 web 项目、修改banner、热部署插件、切换运行环境、springboot参数配置,打包项目并测试成功
这篇文章介绍了如何快速创建Spring Boot项目,包括项目的初始化、结构、打包部署、修改启动Banner、热部署、环境切换和参数配置等基础操作。
149 0
|
2月前
|
开发框架 .NET 开发工具
visualstudio如何加入工作插件---Web developer工具
visualstudio如何加入工作插件---Web developer工具
28 0
|
4月前
|
API 数据库 开发者
解锁Web2py新境界!揭秘如何利用神秘插件系统,让你的Web项目瞬间起飞?
【8月更文挑战第31天】Web2py是一款轻量级且功能全面的Python Web框架,其插件系统允许开发者在不修改核心代码的情况下扩展框架功能,提升项目灵活性和可扩展性。本文介绍如何利用Web2py插件系统增强Web项目,包括插件的优势、选择与安装方法,并通过集成身份认证插件的具体示例展示其应用过程。通过合理利用插件,可以显著提高开发效率和用户体验。
59 1
|
4月前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
119 1
|
4月前
|
开发者 Java 安全
Struts 2 实战秘籍:Action 驱动业务,配置文件成就高效开发!
【8月更文挑战第31天】Struts 2 框架作为 Apache 软件基金会的顶级项目,广泛应用于企业级 Web 应用开发。其核心组件 Action 类处理用户请求,而配置文件定义请求与 Action 类间的映射关系。掌握 Action 组件的最佳实践包括继承 `ActionSupport` 类、实现 `execute` 方法及使用类型安全的方法;配置文件的最佳实践则涉及组织 Action 到包中、定义全局结果及使用通配符映射。遵循这些最佳实践,可构建高效、可维护的 Web 应用程序。
47 0
|
4月前
|
开发者 前端开发 Apache
【绝不错过!】揭秘Wicket大神级插件,带你飞越编程极限,探索Web应用开发新大陆!
【8月更文挑战第31天】Apache Wicket是一个成熟的Java Web框架,以其组件化体系结构、直观的API及对MVC的支持著称。其活跃社区贡献了大量插件和扩展,显著提升了Wicket的功能性。本文推荐几个实用插件,如**Wicket Ajax Support**,可轻松添加Ajax功能,提升用户体验;**Bootstrap for Wicket**则将Bootstrap与Wicket结合,美化应用界面。
40 0
|
4月前
|
JavaScript 前端开发 测试技术
[译] 用 Vue.js 3 Composition API 创建 i18n 插件
[译] 用 Vue.js 3 Composition API 创建 i18n 插件