代码改变世界

随笔分类 - JavaScript

noty – jQuery通知插件

2013-12-05 15:02 by 囧月, 17614 阅读, 收藏, 编辑
摘要:noty是一个jQuery的通知(信息提示)插件,灵活轻便,是一个非常棒的用于替代传统提示对话框的插件。 当前最新版本为2.1.0: 从https://github.com/needim/noty 可以获取最新源代码。 布局样式 支持的提示样式,每种样式都有预定义好的css样式: alert: 默认的提示样式 success: 成功 error: 错误 warning: 警告 information: 信息 支持的布局位置: top: 顶部,长条状 topLeft/topCenter/topRight: 顶部的左/中/右位置, 短条... 阅读全文

nodejs安装/运行脚本

2013-10-31 15:59 by 囧月, 1180 阅读, 收藏, 编辑
摘要:本文主要介绍nodejs在windows下安装及运行脚本。 安装nodejs 先从nodejs官网:http://nodejs.org/下载对应的系统的安装包,比如用于64位系统的最新0.10.21的x64版本。 其他系统可以从http://nodejs.org/download/找到对应的版本进行安装。 直接msi格式全程傻瓜式安装,中间会提示是否把node和npm添加到PATH环境变量里,为了方便使用,直接选择是。 安装完成后会在安装目录出现两个重要的文件node.exe和npm,npm.cmd,以及npm对应的脚本目录node_modules/npm。 同时,在用户目录下(%... 阅读全文

javascript检测ActiveX插件是否安装/启用

2013-10-28 11:17 by 囧月, 3097 阅读, 收藏, 编辑
摘要:本文主要提供在IE浏览器下检测ActiveX插件安装/启用的状态。 在一些应用开发中,需要用到一些第三方提供的ActiveX插件,如Flash插件。 为了在未安装插件的浏览器显示友好的提示,需要用到主动检测插件的安装/启用状态。 ActiveX插件本质上是一种COM组件,安装了之后会在注册表HKEY_CLASSES_ROOT\CLSID目录下创建一个名称为控件的CLSID的项,展开这个项,下面还有一个名称为ProgID的项,它有一个默认值代表控件的名称。如XML HTTP 6.0的CLSID为:HKEY_CLASSES_ROOT\CLSID\{88d96a0a-f192-11d4-a65... 阅读全文

HTML5优秀图表控件

2013-07-27 17:17 by 囧月, 14707 阅读, 收藏, 编辑
摘要:不管是哪个领域的开发,都有机会用到图表来做统计分析,以更直观的表现形式来代替传统的文字。在以前,图表控件主要有使用程序代码生成的静态图片,或者是使用flash实现的图表控件。 在HTML5非常流行的当下,现代浏览器提供越来越强大的功能,涌现出许多优秀的图表控件,它们基于Canvas/SVG技术来绘制图表(低版本IE使用VML技术),不再需要flash等额外的插件,提供丰富的表现形式以及交互方式,而且性能更加优越。 对于不支持Canvas的浏览器(主要是针对IE),一般都是使用excanvas来适配,它会自动转化成vml来兼容。 Raphaël 主页:http://raphaelj.. 阅读全文

使用jsPlumb制作流程图设计器

2013-07-26 16:21 by 囧月, 15569 阅读, 收藏, 编辑
摘要:jsPlumb是一个比较强大的绘图组件,它提供了一种方法,主要用于连接网页上的元素。在现代浏览器中,它使用SVG或者Canvas技术,而对于IE8以下(含IE8)的古董浏览器,则使用VML技术。 项目主页:http://jsplumbtoolkit.com/ GitHub:https://github.com/sporritt/jsPlumb 作为插件,主要支持jQuery/MooTools/YUI3三种js库,目前最新版本为1.4.1。其中作为jQuery的插件需要用到jQuery、jQuery UI,建议使用最新版本的库避免一些bug。 本文主要使用jQuery 1.9.0、jQu... 阅读全文

使用Javascript限制文本框只允许输入数字

2013-01-17 23:52 by 囧月, 3763 阅读, 收藏, 编辑
摘要:很多时候需要用到限制文本框的数字输入,试过许多方法,都不太理想,遂决定自己实现一个来玩玩。 曾经使用过的方法 通过onkeydown事件来控制只允许数字: <input onkeydown="return event.keyCode>=48&&event.keyCode<=57||event.keyCode>=96&&event.keyCode<=105" />通过jQuery插件Masked Input:http://digitalbush.com/projects/masked-input-plugin 阅读全文

jQuery UI Datepicker精美的日期选择组件

2012-12-08 16:05 by 囧月, 10654 阅读, 收藏, 编辑
摘要:日期选择组件在日常开发中使用还是非常广泛的,jQuery UI Datepicker作为jQuery UI的日期选择组件,不仅使用灵活、主题丰富多样,更因为日常普遍使用jQuery,所以是一个不错的选择。 相关资源引用 到http://jqueryui.com/download/下载相应的脚本及样式,可以下载全部或者选择需要的进行下载;另外还可以到http://github.com/jquery/jquery-ui下载它的所有源码。 对于在中文的呈现,还需要额外的一个脚本:https://github.com/jquery/jquery-ui/blob/master/ui/i18n/jq... 阅读全文

flot - jQuery 图表插件(jquery.flot)使用

2012-08-18 23:50 by 囧月, 30669 阅读, 收藏, 编辑
摘要:Flot是纯Javascript实现的基于jQuery的图表插件,主要支持线状图和柱状图的绘制(通过插件也可以支持饼状图)。 它的特点是使用简单、图形美观,支持鼠标跟踪及缩放功能。 Flot是基于canvas进行图表的绘制,可以在IE6+/Firefox2+/Safari3+/Opera9.5+/Chrome等主流浏览器上运行;其中IE9以下浏览器不支持canvas标记,需要额外引用excanvas库(VML)来实现。 基本使用 首先,在页面头部引用脚本: <!--[if lte IE 8]><script src="js/excanvas.min.js" 阅读全文

jQuery UI Dialog 创建友好的弹出对话框

2012-04-11 22:53 by 囧月, 24292 阅读, 收藏, 编辑
摘要:jQuery UI Dialog是jQuery UI的弹出对话框组件,使用它可以创建各种美观的弹出对话框;它可以设置对话框的标题、内容,并且使对话框可以拖动、调整大小、及关闭;平常主要用来替代浏览嚣自... 阅读全文

qTip2小技巧:为多个目标元素共享一个tip

2012-04-07 21:50 by 囧月, 2703 阅读, 收藏, 编辑
摘要:jQuery为元素提供click、bind等方法绑定事件,但假如需要绑定事件的元素过多的话(如$("a")),不管是查找元素还是逐个绑定事件都比较影响效率;所以jQuery还提供了效率更高live方法... 阅读全文

JavaScript 代码压缩工具

2012-02-27 19:24 by 囧月, 2430 阅读, 收藏, 编辑
摘要:为了使页面更快的完成加载,经常需要对javascript/css代码进行压缩以减小体积,这里简单列一下用过的压缩工具,同时也作为存档。 UglifyJS UglifyJS是构建于nodeJS服务器... 阅读全文

Fancy Validate 与 jQuery.validate 对比(下):进阶篇

2012-02-22 22:31 by 囧月, 1162 阅读, 收藏, 编辑
摘要:续上一篇对比了Fancy Validate与jQuery.validate的使用,本篇将进一步介绍两者在使用上的异同。 自定义验证规则 当默认的验证规则无法满足使用需求的时候,就需要自定义验证规则... 阅读全文

qTip2 精致的jQuery提示信息插件

2012-02-16 22:31 by 囧月, 17562 阅读, 收藏, 编辑
摘要:qTip2是一个灰常强大且精致的jQuery提示信息插件,是qTip的第2版,也是一个全新的版本,提供了丰富的功能及漂亮的外观,非常易于使用。 qTip2采用了MIT/GPLv2许可,官方网站为:h... 阅读全文

JavaScript/jQuery 表单美化插件

2012-02-14 11:16 by 囧月, 8668 阅读, 收藏, 编辑
摘要:用过一些表单美化的工具,觉得不错,特地分享一下。包括Niceforms,Uniform,Formly,Ideal Forms,jqTransform等... 阅读全文

Fancy Validate 与 jQuery.validate 对比(中):应用篇

2012-02-13 21:37 by 囧月, 1879 阅读, 收藏, 编辑
摘要:续上一篇对比了Fancy Validate与jQuery.validate的参数及规则,本篇通过实际应用来比较两者的异同。 在表单元素属性中定义验证规则 jQuery.validate支持以下几种... 阅读全文

Fancy Validate 与 jQuery.validate 对比(上):参数及规则

2012-02-12 20:40 by 囧月, 826 阅读, 收藏, 编辑
摘要:继上一篇简单介绍了一下Fancy Validate,说到Fancy Validate模仿了jQuery.validate,本文来详细罗列一下两者的异同。 对JavaScript Library的依赖... 阅读全文

jQuery UI Autocomplete 体验

2012-02-12 15:09 by 囧月, 27000 阅读, 收藏, 编辑
摘要:jQuery UI Autocomplete是jQuery UI的自动完成组件,是我用过的最强大、最灵活的Autocomplete,它支持本地的Array/JSON数组、通过ajax请求的Array/... 阅读全文

Fancy Validate – JavaScript 表单验证

2012-02-05 15:36 by 囧月, 2177 阅读, 收藏, 编辑
摘要:用过许多javascript表单验证的工具,比较好用是强大的jQuery.validate等jQuery插件,当然Mootools FormCheck也不错。 在asp.net中的问题 在asp.... 阅读全文

javascript 文本框水印/占位符(watermark/placeholder)

2012-01-15 13:12 by 囧月, 2359 阅读, 收藏, 编辑
摘要:html5为表单元素(type为text/password/search/url/telephone/email)新增了一个placeholder属性,为输入框提供一种提示。Firefox/Chrom... 阅读全文

动态表单(javascript实现)

2011-11-02 22:13 by 囧月, 1187 阅读, 收藏, 编辑
摘要:经常遇到一些项目,需要在数据库某些表中增加一些字段;但是这些字段既不用于查询,也不用于统计,仅仅用于显示。这样一来,每次更改就需要改动许多地方,显得非常繁琐。 比较流行的动态表单... 阅读全文

asp.net/anthem 多级联动简化

2011-10-10 23:02 by 囧月, 567 阅读, 收藏, 编辑
摘要:刚好手头有需要用到多级联动的功能,平常写一堆代码用于数据绑定、事件绑定,实在太烦琐了,于是想办法简化一下,也顺便练练手 阅读全文