最新 | 最热门 | 最高评价

+0  jQuery 设置复选框选中状态的 BUG

Tag: Web | jQuery
ideawu 发于 2014年07月23日 10:20 | 点击: 1550 | 展开摘要
在以前, 如果想做一个全选和全不选的功能, 用 jQuery 非常简单, 就是设置 checked 属性. 但今天见鬼了, 以前能正常工作的代码无论如何也不能工作.

if(selectAll){
$('input.cb').attr('checked', 'checked');
}else{
$('input.cb').removeAttr('checked');
}

这段代码只能工作一次, 但我可以发誓, 这段代码以前用得没问题! 然后我尝试这段代码:

$('in

查看全文: http://www.udpwork.com/item/12763.html

+0  生成二维码图片的jQuery qrcode插件

Tag: Web | jQuery
ideawu 发于 2014年03月24日 00:29 | 点击: 1811 | 展开摘要
二维码是移动应用领域非常重要的一项技术, 可用在账号登录, App 下载, 好友关注等领域. 事实上, 二维码是一种以图片形式编码数据的方式, 在图片中包含了某些数据, 这些数据可以是一段文本, 一个URL等等.

既然二维码是一种图片, 那么你可以会想当然地使用 PHP 或者 Java 等语言生成二维码图片, 如果在 Web 应用中这么做, 你很可能就大错特错了! 因为, 图片处理是非常消耗 CPU 计算资源的, 这会给你带来很大的成本.

对于 Web 应用, 其实可以使

查看全文: http://www.udpwork.com/item/12007.html

+0  你没有抓住Promises的要点

Tag: JavaScript | JQuery | Promise
四火 发于 2013年04月21日 20:36 | 点击: 1904 | 展开摘要
文章系本人原创,转载请保持完整性并注明出自《四火的唠叨》

注:这篇文章翻译自《You're Missing the Point of Promises》,阅读这篇文章,你首先需要对于JavaScript中的Promises是什么有了解,否则,你可以先看一看这篇文章(英文),或者这篇文章(中文)掌握基础。有一些修改,另受水平所限,翻译的不当之处请参阅原文。

Promises是一种令代码异步行为更加优雅的抽象。如果用最基本的编码方式,代码是这种连续的形式:

getT

查看全文: http://www.udpwork.com/item/9696.html

+0  JQuery表格插件介绍:Flexigrid和DataTables

Tag: JavaScript | DataTables | Flexigrid | JQuery | 插件 | 表格
四火 发于 2012年12月27日 11:31 | 点击: 1977 | 展开摘要
文章系本人原创,转载请保持完整性并注明出自《四火的唠叨》

JQuery的表格插件有很多。Flexigrid和DataTables是我最近使用的,并且功能比较强大,在这里介绍一下。如果你在寻找前端绘制表格的插件,可以考虑它们。

Flexigrid

官方Flexigrid的特性展示:

列宽度可拖拽调整

高度和宽度可拖拽调整

列头可排序

主题支持

支持XML/JSON格式的Ajax数据源

支持分页

可以显示/隐藏列

表格搜索功能

JavaScript AP

查看全文: http://www.udpwork.com/item/8928.html

+0  Flot介绍

Tag: JavaScript | Canvas | Flot | JQuery
四火 发于 2012年12月22日 18:51 | 点击: 1623 | 展开摘要
文章系本人原创,转载请保持完整性并注明出自《四火的唠叨》

最近在项目里面要用到JavaScript来绘制图表,JQuery的插件Flot是一个不错的选择。和我之前介绍过的D3不同,它的唯一目的就是用来绘制曲线图的,即便是它的不同插件的功能,也基本上都在这个范畴之内。

Flot采用Canvas绘制图形(Web总共就有三种常见方式来绘制图形,不了解的同学请看这篇文章),在数据量非常大的时候,你需要考虑浏览器端的性能问题。顺便提一句,D3是采用SVG来绘制图形的,从我自己的体

查看全文: http://www.udpwork.com/item/8901.html

+0  一次Ajax查错的经历

Tag: Ajax开发 | Web开发 | 杂项资源 | AJAX | IE | jQuery | Programmer | Web | 程序员
陈皓 发于 2012年08月27日 14:56 | 点击: 2285 | 展开摘要
先说故事,再说想法吧。

我有一朋友做网站,用jQuery的Ajax方法从后端载入一段HTML代码然后动态插入到网页的Div元件中。这个东西太普遍了。jQuery强大的load方法可以完成这个事情。朋友的代码是这么写的:

var tab = jQuery("#dynamic_tab");
var url = "/list_ajax/";
tab.load(url);

简单到不能再简单了。在Chrome,Firefox,Safari下

查看全文: http://www.udpwork.com/item/8008.html

+0  jQuery.html()在IE下面错误解决办法

Tag: Web前端 | IE | IE6 | jQuery
alswl 发于 2011年11月07日 16:59 | 点击: 2652 | 展开摘要
今天遇到一个jQuery的.html()设定错误问题,FF和Chrome下面都能够正常工作,而IE下面却失败。

检查之后,我把问题定性到jQuery.html(html)设定在IE下有问题。当设定html文本中含有空行、空格、Tab时候,会出现异常中断,导致html()设定失败,但是又不会引发js错误。

狗日的IE!

下文是Google来的参考文章:使用 jQuery .html() 得到的string时, 在IE中出现错误的解决方法

使用 jQuery 的 .htm

查看全文: http://www.udpwork.com/item/6232.html

+0  网络涂鸦板

Tag: web | comet | jquery
isnowfy 发于 2011年10月03日 23:08 | 点击: 2068 | 展开摘要
之前写这篇文章的时候,就是本来打算写一个有网络涂鸦板功能的web群聊,不过涂鸦板一直是拖到现在才实现,鉴于现在实现的不是很完美就没有把它们合一起了,可以在这里看到效果。

这个网络涂鸦板,是所有人都能看到其他人画了什么,是实时同步的,刷新后就重置了。就是说比如你可以和你的朋友都打开这个页面,然后你绘制的情况,你的朋友也会看到。
注意到网址里其实有个id=1的东西,就是说这个你可以随便写个数字,就相当于创建一个房间了,不同房间的涂鸦板互不影响的。简单来说一下实现吧。
正如开头

查看全文: http://www.udpwork.com/item/6396.html

+0  强大的纯JS数据图工具-flot

Tag: Web | flot | JavaScript | jQuery
ideawu 发于 2011年08月04日 01:03 | 点击: 3248 | 展开摘要
发现一个在网页中绘制数据图, 如曲线图, 柱状图的纯 JavaScript 工具: flot. 极度推荐啊! 有图和代码为证:

*代码附后*

以前知道的工具有 Open Flash Chart, 还有 Google 出品的 Google Chart Tool. 两者使用不同的技术, 同时也是两种截然不同的设计理念. 相比较而言, 我更认同 Google Chart 的设计理念. 原因如下:

Open Flash Chart 使用 Flash 来做图, 这本来也可以接受.

查看全文: http://www.udpwork.com/item/5584.html

+6  获取动态加载的图片大小的正确方法

Tag: Web | JavaScript | jQuery
ideawu 发于 2011年07月03日 22:32 | 点击: 2774 | 展开摘要
有一些很容易出错的获取动态加载的图片的尺寸的方法, 之所以出错, 主要原因是:

你在代码在图片从网页上下载完毕之前就调用了, 这种情况在本机开发时不太容易发现.

jQuery load()事件处理的BUG, 当图片是从浏览器缓存取得时, 获取的是错误的尺寸.

错误的代码是:

(错误)在添加了HTML之后立即调用代码获取尺寸

var html = '';
$('#my_div').html(html);
var width = $('#my_div img').wid

查看全文: http://www.udpwork.com/item/5394.html

+0  开源中最好的Web开发的资源

Tag: Web开发 | 杂项资源 | CSS3 | Database | HTML | Javascript | jQuery | PHP | Web
陈皓 发于 2011年06月08日 08:28 | 点击: 5553 | 展开摘要
文章来源:Best “must know” open sources to build the new Web。个人感觉这个收集贴收集成相当的全。

学习HTML 5编程和设计

★ HTML5 Rocks : Major Feature Groups  的学习 HTML5 的资源 (HTML5 演示, 教程 ). 源码

很不错的 HTML5 Dashboard – Mozilla,效果很炫。

WhatWG Developers, 一个清楚的 HTML5 技术

查看全文: http://www.udpwork.com/item/5208.html

+0  jQuery延时绑定事件(lazy-bind)

Tag: Web | JavaScript | jQuery
ideawu 发于 2011年05月27日 16:27 | 点击: 2996 | 展开摘要
有个延时绑定事件的需求, 如等待鼠标停留在某图片上面一段时间之后才展示浮动层, 以避免鼠标滑过屏幕时一片乱闪. 一时找不到合适的插件, 所以自己写了个.

// 定义
(function($){
$.fn.lazybind = function(event, fn, timeout, abort){
var timer = null;
$(this).bind(event, function(){
timer =

查看全文: http://www.udpwork.com/item/5107.html
|<<<123>>>| 一共3页, 33条记录