- 博客(17)
- 资源 (1)
- 收藏
- 关注
原创 mousemove,scroll,resize性能优化
mousemove,scroll,resize 每秒触发N次 ... 性能优化一下很有必要 *{margin:0; padding:0;} body{height:2000px; font:700 16px/32px '微软雅黑'; color:#fff} #before,#after{width:50%; height:100%; text-align:center;}
2012-08-30 19:40:31 3481 1
原创 随机数
/* * 生成随机整数 * Min 最小随机数 * Max 最大随机数 * n 生成多少个 默认1 * b true不重复 默认false重复 * return Array*/function getRandom(Min,Max,number,repeat){ var nMin = Min || 0; var nMax = Max || 1;
2012-06-07 11:10:11 567
原创 html5 canvas的clearRect
clearRect() 方法删除一个画布的矩形区域。前阵做钟表demo的时候 setInterval 里clearRect 火狐下没有任何问题 但ie,谷歌下出现了问题 因为之前设置 translate了与rotate 但是clearRect的时候这些会影响他的位置已至于没有“擦除画布”,后来"擦除"的时候把translate还原 得以解决,最后发现一个牛逼的方法canvas.width
2012-05-29 12:29:41 5080 1
原创 html5 canvas 绘制钟表
终于没有兼容bug了 。。。 * { margin: 0; padding: 0;}canvas { box-shadow: 0 0 10px 10px #CCCCCC; display: block; margin: 50px auto 0;}window.onload = function() { new c
2012-05-23 17:39:44 1609
原创 DD_belatedPNG 背景图片消失bug
之前一直用DD_belatedPNG 来解决ie6 png透明问题,但是这个月做的几个项目,都出现有些背景图片消失(比如说有2个透明png 其中的某一个背景神秘的消失),之前碰到了都是给html换个位置啊什么的就解决了,今天碰到的不安常理出牌,只有去掉body背景 去掉头部(header结构html)才好使,缺一不可,我X,查资料、各种YY,后来找到解决办法,但是原因未明~!解决原理未明~!...
2012-03-15 23:50:37 2595
原创 javascript数组去重复
function unique(a){ var arr = [],cf=true; for (var i = 0 , len = a.length;i<len; i++) { for (var j = 0,l = arr.length; j<l; j++) { cf = (a[i]==arr[j])?false:true; if (!cf) break; };
2012-02-02 17:07:06 507
原创 ie鼠标事件捕捉setCapture和releaseCapture
setCapture和releaseCapture 设置鼠标事件捕捉在做拖拽效果的时候最不爽的莫过于ie鼠标离开窗口的时候不能捕捉事件,有了这个方法问题就可以迎刃而解看例子:ie浏览器(不要用360之类的马甲浏览器)点击任何位置(包括菜单等地方)试试鼠标事件捕捉#oDiv{width:100px; height:100px; line-height:100p
2011-11-08 22:41:33 2109
原创 javascript获取 元素大小、位置、事件发生时的坐标
整理了一下 “定位”的知识(以前总是晕头转向的),很实用哦。。。导航一下:元素尺寸元素边框宽度元素坐标(另+offsetParent)滚动条位置鼠标事件位置 元素尺寸:clientWidth,clientHeight{ 给出元素的可视部分的宽度和高度:{ 当有滚动条时:"只返回可见区域大小." 块级元素:{ 有宽高:"返回元素的所设置的宽度和
2011-11-07 15:36:07 2742
转载 haslayout 是什么
整理于百度百科http://baike.baidu.com/view/2945869.htmhaslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了 hasLayout 的属性,属性值可以
2011-11-05 13:45:39 542
原创 无堵塞的脚本加载
《高性能 javascript 》这本书买了快1年了,用了几天看完扔在一旁在就没动过...没时间看(借口)前几天突然看到了这本书拿起来细心的看了看...唉之前太无知,准备细读下并记录下来javascript 加载和执行当浏览器遇到标签时,当前 HTML 页面无从获知 javascript 是否会向 标签添加内容,或引入其他元素,或甚至关闭该标签。因此,这时浏览器会停止处理页面,先执行
2011-11-05 13:10:37 482
原创 轻松理解call和apply
callcall([thisObj[,arg1[, arg2[, [,.argN]]]]])调用一个对象的一个方法,以另一个对象替换当前对象applyapply([thisObj[,argArray]])应用某一对象的一个方法,用另一个对象替换当前对象。这2个基本一样,只不过apply的参数是 数组看下例子就能很轻松的理解了看看我的颜色和字号var o =
2011-11-01 13:06:00 542
原创 轻松理解callee和caller
废话不多说callee 官方解释:返回正被执行的 Function 对象,也就是所指定的 Function 对象的正文。看不大懂? 看个例子就明白了。。。function a(n){ alert(arguments.callee);//就是俺自己 return n ? arguments.callee(n-1)*n:1;}alert(a(5))caller 官方解释
2011-11-01 11:46:29 638
原创 DOM 属性整理
基本属性{ x.nodeName - x 的名称 ( nodeName 是只读的 元素节点的 nodeName 与标签名相同 属性节点的 nodeName 是属性的名称 文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是 #document ) x.nodeValue - x 的值
2011-10-24 13:42:02 450
原创 DOM 操作整理
很久之前就想整理了,一致拖到现在...1:创建元素节点document.createElement()2:创建文本节点document.createTextNode()3:复制节点Element.cloneNode(true/false)true:包含子元素false:不包含子元素4:插入、移动节点 (新的节点 插入到 最后)Element.appendCh
2011-10-24 13:20:23 297
原创 jQuery live() 实现方法
前几天研究jquery live()的实现方式,网上看了下资料,大体就是给父级绑定事件 然后通过事件冒泡 判断event.target来实现,于是就写了个例子..box1 { width:500px; height:500px; border:1px solid #F00; background:#F00; margin:0 auto }.box2 { width:
2011-10-21 17:06:43 1452
原创 判断多个图片是否加载完成
前几天做项目的时候遇到一个问题,一组图片,判断全部载入完成,今天优化了一下写成jQuery插件。注:jQuery插件。。。(原创哦)(function(){ $.fn.imgLoad = function(options){ var opts = $.extend({ time:4000, ///等待载入时间,如果超过这个时间就直接执行回调 callback:fu
2011-10-21 16:17:49 4257
原创 ie内存泄漏
额。。。节选 javascript高级程序设计(第二版)由于IE对Jscript对象和COM对象使用不同的垃圾收集例程,因此闭包在IE中会导致一些特殊的问题。具体来说,如果闭包的作用域中保存着一个HTML元素,那么就意味着该元素将无法被销毁。来看下面的例子:function assignHandler(){ var element = document.getElementById
2011-10-21 14:49:44 1278
JavaScript核心参考手册
2012-09-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人