随笔分类 - javascript
javascript
摘要:最近在看这本书,感觉很不错。建议想学js的童鞋买本看看。//any是一个集合迭代函数,它接受一个闭包作为参数//当集合中的任何一个元素调用闭包的结果返回非false时,any()返回计算结果,否则返回falseArray.prototype.any = function(closure,_set){ //第二个参数是一个处理计算结果的集合 //这么设计的止的是为了在each方法中重用any _set = _set || false; //如果closure参数未定义 if(typeof closure == 'undefined'){ //规定为返回数组元素自身的值的函数 cl
阅读全文
摘要:标准浏览器对未知的DOM元素的处理上和IE有着很大的区别,只你给未知的元素正解的样式,标准浏览器一样可以正解的显示出来,比如<fuck style="border:1px solid red">fuck</fuck>,但IE(至少是IE9以前的版本)就不行,嗯,很蛋疼,虽然如此,还是有补救的办法,就是通过js来创建这些未知的标签,IE就是奇迹般的识别,还可以用css给它们定样式,嗯,再一次蛋疼。所以想在IE下用HTML5标签的办法就是如下这段js了:<!-- [if lt IE 9]><script>(function(new
阅读全文
摘要:一个项目中碰到的问题,页面标题和导航的字体在macosx下没有,因为不同的字体,相同的font-size,显示的大小也不一样,所以导致macosx下错位。想到的解决办法就是通过js的navigator.platform获取客户端的操作系统,然对针对macosx单独加个class,以下这段代码是在网上找的,其实就是个类似系统的对照表。JS:function detectOS() { var sUserAgent = navigator.userAgent; var isWin = (navigator.platform == "Win32") || (navigator.pl
阅读全文
摘要:利用了css3里的transform:rotate(XXdeg)来写的一个时钟,在非IE浏览器下运行。HTML:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="
阅读全文
摘要:百般无聊的情况下写的,效果的思路来源于猪猪给的一个地址http://www.scmylike.com/wishingtree/index.html?ran=1293530304018,这是他们的一个项目,有兴趣的话可以去玩玩,写的过程中遇到一些问题,感谢果果的指正,以及檬爸桑帮我找出因为少写一个字母带来的让人蛋疼困绕。JS:HTML:
阅读全文
摘要:这个是我在蓝色里看到的,果果写的表格高亮,效果本身没什么,只是觉得他的写法很牛屮,所以记录一下,可能在以后的效果中借签一下他的思路。JS:HTML:
阅读全文
摘要:昨天晚上写日志的时候顺便看了看QQ阅读,发现这个翻页效果支持鼠标滚轮,今天在百般无聊的情况下,把这效果写了一下。JS:HTML:
阅读全文
摘要:公司项目上的一个需求,说不上来叫什么名字,不过可以用来做一个图片展示。JS:HTML:
阅读全文
摘要:写了个lazyload,其实以前也写过一个版本,只是感觉太耗资源了,这次重写了一个,优化了一下。目前来说感觉还行吧,等以水平提高了,再继续优化吧。(另:感谢檬檬桑给我提供的domReady函数,相当在天朝这么神奇的国度,不会出现网速极快的情况吧,所以这个函数应该还可以。呵呵,当然你也可以用自己的domReay.)JS:HTML:(外框为普通层)HTML:(外框为window)
阅读全文
摘要:公司项目的需要,这个效果并没有什么出彩的地方,只是比较满意里面的写法。HTML:
阅读全文
摘要:最近一直在看js方面的书,太久没动手写,结果搞生疏了。昨天动手写了一个很常见的效果。通过拖动滑块改变元素属性,如width,height,top,left,bottom,right,fontSizejs:HTML:要说的都写在注释了。
阅读全文
摘要:昨天在项目中碰到一个问题,当执行document.body.innerHTML += '....',页面上所在DOM上邦定的事件全部失效了,幸好有同事阿杜和小袁帮助,问题才得以解决。举例说明一下:运行上面的代码,当单击test1时可以正常执行预定的函数,但当你点击join之后,运行相当的函数,再接你再点击test1看看,邦定在这个DOM上的函数不在执行了,因为document.body.inner...
阅读全文
摘要:这两天在看John Resig写的精通javascript,这本书以前也看过一遍,限于当时的水平问题,很多地方没有看懂。这段时间又想把这本书再看一遍,结果收获不少。其中发现一个很有意思的写法:这段代码有意思的地方就在于,这个函数的方法是动态的,参数properties是个对象,这个对象有多少个属性,它就有多少个相对应的get和set方法,举个例子:现在给参数多加几个属性看看:那个my这个实例就有g...
阅读全文
摘要:这两天在看精通javascript一书,其中有很多写得很好的代码。现作个记录,留着以后用:
阅读全文
摘要:这是在精通javascript里看到的,其实这个方法实现起来还是比较简单,有意思的是它的写法,先看代码:函数的作用是根据你传的参数来设置或获取元素的属性,如果只传两个参数,那么就是返回元素的属性,如果传三个参数,结果就是设置元素的属性并返回属性值。这个函数比较出彩的地方在第三行。大家知道,for,class是元素的属性,但也是js里的关键字,所以就得有一个替换的方法,这里的name ={'for'...
阅读全文
摘要:if (typeof XMLHttpRequest == 'undefined') { XMLHttpRequest = function() { return new ActiveXObject(navigator.userAgent.indexOf('MSIE 5') > 0 ? 'Microsoft.XMLHTTP': 'Msxml2.XMLHTTP'); } }; /*一个完整...
阅读全文
摘要:在这里看到的,比较牛屮的思路http://www.cnblogs.com/rubylouvre/archive/2009/09/24/1572977.html
阅读全文