摘要: 这通常意味着,你试图把一个DOM节点插入到一个它不能到达的地方,最普遍的例子如下:document.appendChild(document.createElement('div'));一般只需改正为:document.body.appendChild(document.createElement('div'));通知核心 DOM 对象的异常或通知。常量下面的常量定义了 DOMException 对象的code属性的合法值。注释:这些常量是 DOMException 的静态属性,不是个别异常对象的属性。INDEX_SIZE_ERR说明数组或字符串下标的溢出错误。 阅读全文
posted @ 2012-08-23 10:15 andy-liu- 阅读(408) 评论(0) 推荐(0) 编辑
摘要: shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefinedvar a = [1,2,3,4,5];var b = a.shift(); //a:[2,3,4,5] b:1unshift:将参数添加到原数组开头,并返回数组的长度var a = [1,2,3,4,5];var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5] b:7注:在IE6.0下测试返回值总为undefined,FF2.0下测试返回值为7,所以这个方法的返回值不可靠,需要用返回值时可用splice代替本方法来使用。pop:删除原数组最后一项,并返回删除元素的值; 阅读全文
posted @ 2012-08-12 15:58 andy-liu- 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 根据Nicholas Zakas的研究显示,在多数浏览器使用单进程处理UI更新和JavaScript运行等多个任务,而同一时间只能有一个任务被执行。JavaScript运行了多长时间,那么在浏览器空闲下来响应用户输入之前的等待时间就有多长。从基本层面说,这意味着<script>标签的出现使整个页面因脚本解析、运行而出现等待。 综上所述,提高JavaScript的性能,是提高用户体验的一个重要途径。那么,我们可以从哪些方面提高JavaScript的性能呢?下面,我从“脚本引入位置”、“变量的使用”、“DOM树的操作”等几个方面来简要论述一下。JavaScript脚本的引入位置< 阅读全文
posted @ 2012-08-08 14:25 andy-liu- 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 尽管人们期望在屏幕上有些改变,但是CSS和HTML对页面中的交互能做的实在太少了,而那些还需要用代码来实现。比如一个链接要么是这个颜色,要么是那个颜色;一个文本区域要么这么大,要么那么大;一张图片要么是透明的要么是不透明的;它们是从一个状态直接变到另一个状态——中间并没有过渡。这导致大部分网页有些生硬,因为元素只会很死板的切换或改变。是的,你可以使用DHTML、jQuery或者自己编写JS来实现过度,但是这需要更多的代码来实现本应该非常简单的功能。我们需要的是快速而简单的方法来给页面添加简单的变换(transition)效果。在本文中,你会发现很有用的关于CSS变换(transition)以及 阅读全文
posted @ 2012-08-02 20:06 andy-liu- 阅读(245) 评论(0) 推荐(0) 编辑
摘要: Web技术的发展速度太快了,如果你不与时俱进,就会被淘汰。因此,为了应对即将到来的HTML5,本文总结了22个HTML5的初级技巧,希望能对你进一步学习好HTML5会有所帮助。1. 新的Doctype声明XHTML的声明太长了,我相信很少会有前端开发人员能手写出这个Doctype声明。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">HTML5的Docty 阅读全文
posted @ 2012-07-31 21:37 andy-liu- 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312):$.ajaxSetup({ ajaxSettings:{ contentType:"application/x-www-form-urlencoded;chartset=GB2312"}});2. 解决jQuery, prototype共存,$全局变量冲突问题:<scrip 阅读全文
posted @ 2012-07-31 07:05 andy-liu- 阅读(274) 评论(0) 推荐(0) 编辑
摘要: 按照javascript语言精粹中所说,如果在一个函数前面带上new来调用该函数,那么将创建一个隐藏连接到该函数的prototype成员的新对象,同时this将被绑定到那个新对象上。这个话很抽象,我想用实例来让自己加深理解。1.如果就一个函数,没有返回值,没有prototype成员,然后使用new,会是什么结果呢?如果一个函数没有返回值,那么如果不使用new来创建变量,那么该变量的值为undefined.如果用了new,那么就是Object.说明一个函数的默认的Prototype是Object.function Test1(str) { this.a = str; } var myTe... 阅读全文
posted @ 2012-07-27 19:22 andy-liu- 阅读(7751) 评论(1) 推荐(1) 编辑
摘要: 随着DOM结构的复杂化和Ajax等动态脚本技术的运用,事件委托自然浮出了水面。jQuery为绑定和委托事件提供了.bind()、.live()和.delegate()方法。本文在讨论这几个方法内部实现的基础上,展示它们的优劣势及适用场合。事件委托事件委托的事例在现实当中比比皆是。比如,有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;二是委托给前台MM代为签收。现实当中,我们大都采用委托的方案(公司也不会容忍那么多员工站在门口就为了等快递)。前台MM收到快递后,她会判断收件人是谁,然后按照收件人的要求签收,甚至代为付款。这种方案还有一个优势,那就是即使公司里来 阅读全文
posted @ 2012-07-27 09:01 andy-liu- 阅读(176) 评论(0) 推荐(0) 编辑
摘要: TextRectangle对于文本对象,W3C提供了一个 TextRectangle 对象,这个对象是对文本区域的一个解释。看下图(截图来源ppk):一行连续的文本我们可以获取到里面的5行文字,红色框就是TextRectangle这个抽象的对象.TextRectangle对象包含了, top left bottom left四个属性,这四个属性都是对应可视区域viewport的理解TextRectangle后,对getClientRects和getBoundingClientRect可以得到一个更好的说明.getClientRects 返回一个TextRectangle集合,就是TextRec 阅读全文
posted @ 2012-07-26 11:41 andy-liu- 阅读(410) 评论(0) 推荐(0) 编辑
摘要: 现在规范中支持的效果有:grayscale 灰度sepia 褐色saturate 饱和度hue-rotate 色相旋转invert 反色opacity 透明度brightness 亮度contrast 对比度blur 模糊drop-shadow 阴影现在,让我们看一下一些简单的效果吧:原图模糊50%灰度100%灰度50%褐色100%褐色50%亮度100%亮度色相反色饱和度对比度文章转载自:http://www.qianduan.net/what-is-webkit-filter.html 阅读全文
posted @ 2012-07-12 22:08 andy-liu- 阅读(155) 评论(0) 推荐(0) 编辑