摘要:
queue(name,[callback]):当只传入一个参数时, 它返回并指向第一个匹配元素的队列(将是一个函数数组,队列名默认是fx);$('#demo').queue('name') 当有两个参数传入时, 第一个参数还是默认为fx的的队列名, 第二个参数又分两种情况, 当第二个参数是一个函数时, 它将在匹配的元素的队列最后添加一个函数. $('#demo').queue('name',fun); 用queue将函数fun加入到name队列中 当第二个参数是一个函数数组时,它将匹配元素的队列用新的一个队列来代替(函数数组). 阅读全文
阅读排行榜
js 执行效率
2013-06-21 11:10 by jelly_chow, 722 阅读, 收藏,
摘要:
循环 在JavaScript中,我们可以使用for(;;),while(),for(in)三种循环,这三种循环中for(in)的效率极差,因为他需要查询散列键,只要可以就应该尽量少用。for(;;)和while循环的性能应该说基本(平时使用时)等价。 在使用这两个循环时,经过测试得出一下一些结论: 如果是循环变量递增或递减,不要单独对循环变量赋值,应该在它最后一次读取的时候使用嵌套的++或—操作符。 如果要与数组的长度作比较,应该事先把数组的length属性放入一个局部变量中,减少查询次数。局部变量和全局变量 局部变量的速度要比全局变量的访问速度更快,因为全局变量其实是全局对... 阅读全文
IE6下window.location.href不跳转到相应url
2013-10-16 17:47 by jelly_chow, 691 阅读, 收藏,
摘要:
前天一同事遇到个看似很诡异的问题,就是在IE6下面没反应,不跳转到onclik事件中的"window.location.href"。当时我们在网上找了篇文章很快就解决了,但是文章中没有说明具体原因在哪里,只是说在"window.location.href"后面加一个"return false",当时马上建了个test.html,试了下确实可以,而且试了之后还发现IE6下是被href="javascript:void(0)"覆盖了,这问题看上去很简单,但是为什么其他浏览器没有被覆盖,但对原因到底在哪里还是一头雾水。为 阅读全文
脚本的加载,解析,与执行
2013-06-20 18:05 by jelly_chow, 670 阅读, 收藏,
摘要:
<script> 标签引入脚本有三种情况:立即执行<script src="a.js"><script src="b.js">顺序:保证先后顺序。解析:HTML 解析器遇到它们时,将阻塞(取停止解析),待脚本下载完成并执行后,继续解析标签之后的文档。浏览器对它的处理主要有2部分:下载和执行 下载在有些浏览器中是并行的,有些浏览器中是串行的,如IE8、Firefox3、Chrome2都是并行下载的 执行在所有浏览器中默认都是阻塞的,当js在执行时不会进行html解析等其它操作,所以页面顶部的js不宜过大,因为那样将导致页 阅读全文
jquery 1.6发布后,增加prop()方法部分取代attr()方法
2013-06-17 11:22 by jelly_chow, 622 阅读, 收藏,
摘要:
以前的jq中,全部使用attr来访问对象的属性,比如取一个图片的alt属性,就可以这样做$('#img').attr('alt');但是在某些时候,比如访问checkbox的disabled属性的时候,会有些问题。用JQuery的时候发现一个问题用.attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"checked"但没选中获取值就是undefined.有些浏览器中比如说只要写disabled,checked就可以了,而有的要写成disabled = "disabl 阅读全文
js中的等号与非等号
2013-06-25 18:05 by jelly_chow, 596 阅读, 收藏,
摘要:
等号与非等号都会进行类型转换,转换规则如下:1 如果有一个是boolean值,则true改为1,false改为0 false == 0 ; true == 1 返回true true == 2 返回false2 字符串 == 数字 则先把字符串转换为数字再进行比较3 对象 == 字符串 则先把对象转换为字符串再进行比较4 对象 == 数字则先把对象转换为数字再进行比较特别地:null == undefined 返回truenull 与 undefined不能转换成其它类型Nan 与任何值都不等,包括他自己对象 == 对象 比较的是它们的引用值,如果指向同一对象,则返回true 阅读全文
各浏览器对页面外部资源加载的策略
2013-06-21 11:51 by jelly_chow, 533 阅读, 收藏,
摘要:
转自:http://www.iefans.net/liulanqi-waibu-ziyuan-jiazai/测试样例测试的页面结构如下:head1.css + 1.jsbody1.jpg + 2.jpg + 2.js + 2.css + 3.jpg + 4.jpg + 3.css + 3.js + 5.jpg + 6.jpg共12个外部资源,加上页面本身,一次完整的加载一共有13次HTTP GET请求。针对每一个外部资源,服务器首先会休眠5秒的时间,随后再返回相应的内容,以方便查看整个外部资源的加载过程。测试的浏览器如下:IE6IE8Firefox3.6Firefox4.0 beta12Chr 阅读全文
javascript 代码优化工具 UglifyJS
2013-07-05 11:34 by jelly_chow, 508 阅读, 收藏,
摘要:
安装:1. 安装 node.js 环境 (这个不用我教了吧,网上教程一大堆哦。)2. 进入https://github.com/mishoo/UglifyJS右上角 “Download” ZIP下载整个包。3. 解压打开UglifyJS/bin/uglifyjs4. 找到global.sys = require(/^v0\.[012]/.test(process.version) ? "sys" : "util");var fs = require("fs");var uglify = require("uglify-js& 阅读全文
width() innerwidth() outerwidth() css('width')
2013-06-18 17:15 by jelly_chow, 503 阅读, 收藏,
摘要:
不多说,用一图足以说明首先先解释下普通元素和非普通元素, 非普通元素是指window,document这些 元素对象, 普通元素是指除window,document之外的元素,如:div对于普通的元素 ,他们的作用相同。比如网页上有一个 div 元素:<div style="width:200px;height:200px;"></div>我们可以使用:$(function(){ var width1 = $("div").css("width"); var width2 = $("div" 阅读全文
js优化 ----js的有序加载
2013-06-21 12:04 by jelly_chow, 437 阅读, 收藏,
摘要:
说到有序加载,我们先来说说js的无序加载:<script src="jquery/jquery-1.4.1.js" type="text/javascript"></script><script type="text/javascript"> window.onload = function () { $("#head").append("<script src='js/hello.js' type='text/javascript' 阅读全文
浙公网安备 33010602011771号