摘要: 最近要做个一个手机端的拖动效果,在网上找到一个例子,最后自己改造了一下。实现了,兼容ios android 和电脑端的 拖动效果。 小记一下主要知识点 1:与mousedown、mousemove、mouseup对应的触摸事件分别是touchstart、touchmove、touchend。 2:js 的 apply方法apply() 方法有两个参数,用作 this 的对象和要传递给函数的参数的数组。例如:function sayColor(sPrefix,sSuffix) { alert(sPrefix + this.color + sSuffix); }; var ob... 阅读全文
posted @ 2012-09-30 08:57 andy-liu- 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 1、<javascript> 标签的defer 属性:延迟脚本执行使用defer='defer' 属性可以让脚本在文档完全呈现完之后再执行,延迟脚本总是按照指定他们的顺序执行的。2、<javascript> 标签的async属性: 表示当前的脚本不必等待其他脚本,也不必阻塞文档的呈现。但是不能保证异步脚本按照他们在页面中执行的顺序执行。<!DOCTYPE html> <html> <head> <title>Test</title> <script type="text/java 阅读全文
posted @ 2012-09-25 22:33 andy-liu- 阅读(367) 评论(0) 推荐(0) 编辑
摘要: 我使用的是 linux GentOS 5.5忘记 root 密码:重新启动系统在这个界面按下e进入grub的编辑模式了请将光标移动到kernel那一行,再按一次e 进入kernel该行的编辑画面中, 然后在出现的画面当中,最后方输入 single :输入完 应该是这样的 kernel /vmlinuz-2.6.18-128.el5 ro root=LABEL=/ rhgb quiet single 再按下『 Enter 』确定之后,按下 b 就可以启动进入单人维护模式了! 在这个模式底下,你会在tty1的地方不需要输入密码即可取得终端机的控制权(而且是使用root的身份)。 之后就能够修改ro 阅读全文
posted @ 2012-09-25 21:26 andy-liu- 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 语法:box-shadow:<length><length><length><length>||<color>相关属性:text-shadow取值:<length><length><length>?<length>? ||<color>:阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色说明:设置块阴影引擎类型GeckoWebkitPrestoBox-shadow-moz-box-shadow-webkit-border-shadow兼容性:类型 阅读全文
posted @ 2012-09-25 10:10 andy-liu- 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 用于设置背景图片的大小,有2个可选值,第1个值用于指定背景图的width,第2个值用于指定背景图的height,如果只指定1个值得,则第2个值默认为auto引擎类型GeckoWebkitPrestoBackground-size-webkit-background-size-o-background-size兼容性:类型Internet ExplorerFirefoxChromeOperaSafari版本(×)IE6(×)Firefox 2.0(√)Chrome 1.0.x(√)Opera 9.63(√)Safari 3.1(×)IE7(×)Firefo 阅读全文
posted @ 2012-09-24 12:15 andy-liu- 阅读(169) 评论(0) 推荐(0) 编辑
摘要: CSS Hack是我们解决浏览器兼容性(尤其是IE各版本)问题的常用手段。CSS Hack的手法可以说是五花八门,使用时经常混淆。下面是一个汇总,以便查阅。js代码/***** Selector Hacks ******//* IE6及更低版本浏览器 */* html#uno { color: red }/* IE7 */*:first-child+html#dos { color: red }/* IE7, FF, Saf, Opera */html>body#tres { color: red }/* IE8, FF, Saf, Opera (除了IE 6、7的所有浏览器) */ht 阅读全文
posted @ 2012-09-18 12:19 andy-liu- 阅读(118) 评论(0) 推荐(0) 编辑
摘要: 两种方式,但稍有区别1,in 运算符?123varobj = {name:'jack'};alert('name'inobj);// --> truealert('toString'inobj);// --> true可看到无论是name,还是原形链上的toString,都能检测到返回true。2,hasOwnProperty 方法?123varobj = {name:'jack'};obj.hasOwnProperty('name');// --> trueobj.hasOwnProperty( 阅读全文
posted @ 2012-09-14 13:31 andy-liu- 阅读(119) 评论(0) 推荐(0) 编辑
摘要: <div id='bbb' style="display:none">asdf</div> <script> function a() { try { var aaa = document.getElementById('bbb'); alert(aaa.innerText); } catch (e) { alert('错误' + e.message + '发生在' + e.lineNumber + '行'); } } a(); </script> 阅读全文
posted @ 2012-08-31 17:09 andy-liu- 阅读(356) 评论(0) 推荐(0) 编辑
摘要: 最近在看javascript DOM 编程艺术这本书 在书上看到这个例子,觉得摘抄下来首先html 代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Grayscale Canvas Example</title> <script src="./modernizr.js"></script> </head> <body> & 阅读全文
posted @ 2012-08-30 23:18 andy-liu- 阅读(562) 评论(0) 推荐(0) 编辑
摘要: 1. 取整同时转成数值型: '10.567890'|0 //结果: 10 '10.567890'^0 //结果: 10 -2.23456789|0 //结果: -2 ~~-2.23456789 //结果: -2 2. 日期转数值: var d = +new Date(); //1295698416792 3. 类数组对象转数组: var arr = [].slice.call(arguments) 4. 漂亮的随机码: Math.random().toString(16).substring(2); //14位 Math.random().toString(36 阅读全文
posted @ 2012-08-29 13:05 andy-liu- 阅读(250) 评论(0) 推荐(0) 编辑