不耐烦-CSDN博客

原创 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 3408 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 558

原创 html5 canvas的clearRect

clearRect() 方法删除一个画布的矩形区域。前阵做钟表demo的时候 setInterval 里clearRect 火狐下没有任何问题但ie，谷歌下出现了问题因为之前设置 translate了与rotate 但是clearRect的时候这些会影响他的位置已至于没有“擦除画布”，后来"擦除"的时候把translate还原得以解决，最后发现一个牛逼的方法canvas.width

2012-05-29 12:29:41 5047 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 1600

原创 DD_belatedPNG 背景图片消失bug

之前一直用DD_belatedPNG 来解决ie6 png透明问题，但是这个月做的几个项目，都出现有些背景图片消失（比如说有2个透明png 其中的某一个背景神秘的消失），之前碰到了都是给html换个位置啊什么的就解决了，今天碰到的不安常理出牌，只有去掉body背景去掉头部（header结构html）才好使，缺一不可，我X，查资料、各种YY，后来找到解决办法，但是原因未明~！解决原理未明~！...

2012-03-15 23:50:37 2579

原创 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 490

原创 ie鼠标事件捕捉setCapture和releaseCapture

setCapture和releaseCapture 设置鼠标事件捕捉在做拖拽效果的时候最不爽的莫过于ie鼠标离开窗口的时候不能捕捉事件，有了这个方法问题就可以迎刃而解看例子：ie浏览器（不要用360之类的马甲浏览器）点击任何位置（包括菜单等地方）试试鼠标事件捕捉#oDiv{width:100px; height:100px; line-height:100p

2011-11-08 22:41:33 2096

原创 javascript获取元素大小、位置、事件发生时的坐标

整理了一下 “定位”的知识（以前总是晕头转向的），很实用哦。。。导航一下：元素尺寸元素边框宽度元素坐标(另+offsetParent)滚动条位置鼠标事件位置元素尺寸：clientWidth,clientHeight{ 给出元素的可视部分的宽度和高度:{ 当有滚动条时:"只返回可见区域大小." 块级元素:{ 有宽高:"返回元素的所设置的宽度和

2011-11-07 15:36:07 2722

转载 haslayout 是什么

整理于百度百科http://baike.baidu.com/view/2945869.htmhaslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以

2011-11-05 13:45:39 532

原创无堵塞的脚本加载

《高性能 javascript 》这本书买了快1年了，用了几天看完扔在一旁在就没动过...没时间看（借口）前几天突然看到了这本书拿起来细心的看了看...唉之前太无知，准备细读下并记录下来javascript 加载和执行当浏览器遇到标签时，当前 HTML 页面无从获知 javascript 是否会向标签添加内容，或引入其他元素，或甚至关闭该标签。因此，这时浏览器会停止处理页面，先执行

2011-11-05 13:10:37 464

原创轻松理解call和apply

callcall([thisObj[,arg1[, arg2[, [,.argN]]]]])调用一个对象的一个方法，以另一个对象替换当前对象applyapply([thisObj[,argArray]])应用某一对象的一个方法，用另一个对象替换当前对象。这2个基本一样，只不过apply的参数是数组看下例子就能很轻松的理解了看看我的颜色和字号var o =

2011-11-01 13:06:00 529

原创轻松理解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 628

原创 DOM 属性整理

基本属性{ x.nodeName - x 的名称 ( nodeName 是只读的元素节点的 nodeName 与标签名相同属性节点的 nodeName 是属性的名称文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是 #document ) x.nodeValue - x 的值

2011-10-24 13:42:02 429

原创 DOM 操作整理

很久之前就想整理了，一致拖到现在...1:创建元素节点document.createElement()2:创建文本节点document.createTextNode()3:复制节点Element.cloneNode(true/false)true:包含子元素false:不包含子元素4：插入、移动节点（新的节点插入到最后）Element.appendCh

2011-10-24 13:20:23 285

原创 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 1432

原创判断多个图片是否加载完成

前几天做项目的时候遇到一个问题，一组图片，判断全部载入完成，今天优化了一下写成jQuery插件。注：jQuery插件。。。（原创哦）(function(){ $.fn.imgLoad = function(options){ var opts = $.extend({ time:4000, ///等待载入时间，如果超过这个时间就直接执行回调 callback:fu

2011-10-21 16:17:49 4224

原创 ie内存泄漏

额。。。节选 javascript高级程序设计（第二版）由于IE对Jscript对象和COM对象使用不同的垃圾收集例程，因此闭包在IE中会导致一些特殊的问题。具体来说，如果闭包的作用域中保存着一个HTML元素，那么就意味着该元素将无法被销毁。来看下面的例子：function assignHandler(){ var element = document.getElementById

2011-10-21 14:49:44 1269

事与愿违