关闭

jQuery 1.8,1.9和2.0分别带来的新特性

[cuixiping注1]:转载的这篇博文原文是在jQuery1.8发布之前写的,所以有些不够完整和具体,要更多了解,推荐看官方的jQuery 1.8 release notes jQuery核心团队最近发布了jQuery 1.8 Beta 1,GA版本预期将在2012年的7月份推出。他们同时还展示了jQuery 1.9和2.0的计划,还有提到关于移除对IE6/7/8的支持。 jQue...
阅读(10887) 评论(1)

1次ajax请求(XMLHttpRequest)上传多个文件,支持进度条

封装了一个ajax多文件上传,功能就是选择多个文件,用ajax上传。 调用方式也很简单,写一个json对象做为参数配置,设置要上传的服务端url以及选择文件和上传完成等的事件处理函数,new一个AjaxUploadX对象,调用selectFiles方法选择文件,调用uplaod方法上传。 支持的浏览器:Firefox、Chrome、Safari、Opera 使用截图:...
阅读(8170) 评论(6)

理解SVG的图形填充规则

本文内容翻译自W3.org网站的SVG规范,作为自己的备忘,供SVG初学者参考。 原文网址: SVG fill-rule property in SVG 1.1 (Second Edition) SVG的图形填充规则通过fill-rule属性来指定。 ‘fill-rule’ 有效值:   nonzero | evenodd | inherit 默认值:...
阅读(10441) 评论(1)

javascript另类方法高效实现htmlencode()与htmldecode()函数

最常见的做法是采用正则表达式替换的方法,将特殊字符如 & 等进行替换,htmlencode的时候这样替换还比较容易,但发过来htmldecode的时候就不一定好用了,因为需要反转的情况很多,出了常见的<>&以外,还有 ©"®等数十个字符实体,还有AB中文或者中文之类以...
阅读(31137) 评论(4)

HTML5 Audio时代的MIDI音乐文件播放

大家都知道,HTML5 Audio标签能够支持wav, webm, mp3, ogg, acc等格式,但是有个很重要的音乐文件格式midi(扩展名mid)却在各大浏览器中都没有内置的支持,因为mid文件并不像其他声音文件那样记录声音的采样信息,而是记录了乐器的演奏指令,二者的原理截然不同。 mid文件格式的最突出的有点是文件极小,几分钟的音乐可能只有几K的文件大小,mp3等其他格式则至少要几M以...
阅读(8376) 评论(1)

让Javascript函数的注册 - 调用 - 销毁机制更简洁易用

比较常见的一种机制是,定义一个Util对象,再定义它的add,remove,call方法,示例如下: window.Util = { _fns : [], add : function (fn){ return this._fns.push(fn); }, remove : function (index){ delete th...
阅读(2635) 评论(0)

给HTML5 Video 设置多语言字幕文件

现在各种支持HTML5的浏览器都能够播放html5视频了,但是对于字幕的支持却很少,我们期待像DVD那样强大的字幕。 往往我们还不得不通过js来做,着实是一件痛苦的事情。 现在IE10率先对HTML5 Video 字幕给与内置的支持,而且还支持多语言,可任意切换,真是太给力了。 示例代码如下: 通过两个标签分别指定了一个英文字幕文件、一个中文字幕文件,默认为中文字幕,用户...
阅读(8663) 评论(2)

Javascript艺术&技术:节省字节的技术

这是一篇转载文章,主要讲怎么写出最简短的Javascript代码,看后让人觉得学到许多新的思维方式。 实际项目开发中,我们基本不会以这样的极端方式来书写代码的,往往是最后由压缩工具来完成。 但是我们仍然有必要去了解一下这些缩短代码的技巧,如果你要自己写一个js压缩工具,那就更有必要了。 可能每一条你都懂,但你能整理得这么完整吗? 文章很长,虽是英文,但主要是代码,JSe...
阅读(1068) 评论(0)

正在做的一款HTML5多人在线扑克牌游戏:99分

用Node.JS做服务端,用WebSockets通信,实现HTML5多人在线游戏。 这款扑克牌游戏名称叫99分,源于活动聚会时常多人玩的一种扑克游戏,特别适合6人、8人、10人玩。 这个游戏由3个爱好游戏制作的前端er联合制作:Xiaole,Jerrod, 我(Igin).  我负责服务端脚本,以及客户端的通信过程、游戏逻辑的脚本。 前段时间在D2 Show Time稍微展示了一下,还有很...
阅读(5284) 评论(4)

用Javascript实现让Canvas变模糊的效果

做Canvas应用的开发,可能会碰到需要使画面模糊的需求。 容易想到三种方式: 1、半透明模糊 PNG 覆盖的方式,这种方式简单易行,但是不能灵活控制模糊程度。 2、CSS方式,比如用-webkit-filter:blur(10px); 的形式,也极其简单,可控制模糊程度,但是这种方式的效果很差很差,中心模糊度高,四周模糊度低,而且整个元素外围会有光晕效果,已经不是真正意义的模糊了。 3、...
阅读(8712) 评论(0)

前端er干干净净打印百度地图的方法

由于百度地图的死活不改进的臭毛病,导致需要打印地图时就很不爽。 毛病: 1、多余的不需要打印的元素,比如logo, 空白的备注框,多余的文字和按钮。 2、默认至少会打印两页纸,第一页是内容,第二页往往是空白,造成很大的浪费。 我在百度地图的网站上提交了问题报告,几个月过去了没回应;在微博上向百度地图官博又提交了问题报告,对方回复说反馈給产品部门了,但又几十天过去了,涛声依旧。...
阅读(4004) 评论(0)

Javascript中,a,b两个数值,什么情况下a===b 但是 1/a !== 1/b 呢?

var a=0,b=-0; // +0 and -0 alert(a === b); //true alert(1/a === 1/b); //false 遇到这个问题,竟一时想不出答案。 这是我看了这篇A Collection of JavaScript Gotchas后的一个新收获。 顺带说一下这个写法: (function ( window, undefined ) {...
阅读(2014) 评论(0)

jQuery/Sizzle元素选择器上下文的一个陷阱的分析与解决

现有这样一段HTML: a1 b1 c1 a2 b2 c2 现在用js去查找元素 jQuery $('div .a, div .b, div .c',$('#div1')) Sizzle Sizzle('div .a, div .b, div .c',Sizzle('#div1'))...
阅读(1487) 评论(1)

javascript判断firebug是否开启

经常用Firefox + Firebug调试javascript的朋友都知道,一但开启firebug,页面js的运行将显著变慢。 页面的javascript是否能够主动判断当前Firebug是否已开启呢? 答案是肯定的。 Firebug已经更新了很多个版本了。印象中某个旧版本可以通过检测console.firebug来判断,不过现在已经无效了。 最近几个版本的firebug可以通过cons...
阅读(1464) 评论(0)

使用SVG内置API计算图形或点经过transform之后的新坐标

一个应用场景是,点击一条路径,显示该路径的控制点。因为有transform变形( 平移、缩放、倾斜、旋转等变换),所以获取变形后的新坐标需要计算。 纯数学的方法,就是用2D变换矩阵的一些公式去运算,过程稍微有点复杂。 不过好在SVG已经提供了丰富的API将一些矩阵运算封装了,非常实用,下面是Demo.svg代码. 知识点:getScreenCTM()   matrixTransform()...
阅读(3272) 评论(0)
244条 共17页首页 上一页 1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:1127687次
    • 积分:11948
    • 等级:
    • 排名:第1294名
    • 原创:166篇
    • 转载:74篇
    • 译文:4篇
    • 评论:255条
    最新评论