摘要: 值:半径的长度 前缀 -moz(例如 -moz-border-radius)用于Firefox -webkit(例如:-webkit-border-radius)用于Safari和Chrome。 例1 <div id="round"></div> #round { padding:10px; wid 阅读全文
posted @ 2011-06-21 11:01 Rain Man 阅读(321946) 评论(5) 推荐(9) 编辑
摘要: 简介Range是一种fragment(HTML片断),它包含了节点或文本节点的一部分。可以通过document.createRange()或selection象的getRangeAt()方法获得。createRange()是在2级DOM里定义的一个方法,它属于document对象。IE是不支持此方法的,因此需要检测浏览器的支持性。if (document.implementation && document.implementation.hasFeature && document.implementation.hasFeature("Range&qu 阅读全文
posted @ 2011-02-28 22:17 Rain Man 阅读(15812) 评论(3) 推荐(4) 编辑
摘要: 简介selection是对当前激活选中区(即高亮文本)进行操作。在非IE浏览器(Firefox、Safari、Chrome、Opera)下可以使用window.getSelection()获得selection对象,本文讲述的是标准的selection操作方法。文中绝大部分内容来自https://developer.mozilla.org/en/DOM/Selection术语以下几个名词是英文文档中的几个名词。 anchor 选中区域的“起点”。 focus 选中区域的“结束点”。 range 是一种fragment(HTML片断),它包含了节点或文本节点的一部分。一般情况下,同一时刻页面中只 阅读全文
posted @ 2011-02-27 20:59 Rain Man 阅读(58313) 评论(2) 推荐(11) 编辑
摘要: 这篇文章是对JavaScript跨域总结与解决办法的补充。有三个页面:a.com/app.html:应用页面。a.com/proxy.html:代理文件,一般是一个没有任何内容的html文件,需要和应用页面在同一域下。b.com/data.html:应用页面需要获取数据的页面,可称为数据页面。实现起来基本步骤如下:在应用页面(a.com/app.html)中创建一个iframe,把其src指向数据页面(b.com/data.html)。 数据页面会把数据附加到这个iframe的window.name上,data.html代码如下:在应用页面(a.com/app.html)中监听iframe的 阅读全文
posted @ 2011-02-21 19:06 Rain Man 阅读(52055) 评论(11) 推荐(17) 编辑
摘要: 本文来自网络(http://f2e.me/200904/cross-scripting/,该网址已不能访问),仅作个人读书笔记之用,并稍作修改和补充。 什么是跨域 JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少 阅读全文
posted @ 2011-02-20 22:45 Rain Man 阅读(306102) 评论(30) 推荐(107) 编辑
摘要: 经常使用window.location,它的结构总是记不住,简单梳理下,方便以后查询。示例URL:http://b.a.com:88/index.php?name=kang&when=2011#first属性含义值protocol:协议"http:"hostname:服务器的名字"b.a.com"port:端口"88"pathname:URL中主机名后的部分"/index.php"search:"?"后的部分,又称为查询字符串"?name=kang&when=2011& 阅读全文
posted @ 2011-02-20 15:12 Rain Man 阅读(16697) 评论(0) 推荐(6) 编辑
摘要: 1. 获得iframe的window对象存在跨域访问限制。 chrome:iframeElement. contentWindow firefox: iframeElement.contentWindow ie6:iframeElement.contentWindow 文章Iframes, onload, and document.domain中说“he iframe element object has a property called contentDocument that contains the iframe’s document object, so you can u... 阅读全文
posted @ 2011-02-16 20:59 Rain Man 阅读(76858) 评论(4) 推荐(15) 编辑
摘要: 先加载执行a.js,完毕后再加载执行b.js。先执行a.js,完毕后再执行b.js。这就不可以确定谁先执行了,因为通过创建script标签引入的JS,是谁先加载完毕谁先执行,与创建顺序无关。对于创建script标签引入JS来讲,在某些高级浏览器中有async属性用于控制是按照加载完毕的顺序执行,还是按照创建顺序执行。 阅读全文
posted @ 2011-02-16 17:31 Rain Man 阅读(5215) 评论(0) 推荐(0) 编辑
摘要: 今天看了篇文章(Response Times: The 3 Important Limits)觉得很不错,这里简单整理了下要点。Response Times: The 3 Important Limits有关操作响应时间的基本准则,三十多年来就没有变过,而且这些准则不限于某一门技术或语言。0.1秒是用户瞬间感受的界限,这意味着不需要任何提示(feedback)可直接显示结果。1秒:即使用户感觉到了延迟,但仍然感觉流畅并保持连续的操作,一般来讲,延迟在0.1秒~1秒之间,是不需要特殊提示的, 但用户仍然会失去直响应的感觉。10秒是用户专注于单一任务的极限,对于更长的延迟,用户将会进行其它的操作, 阅读全文
posted @ 2011-01-04 20:38 Rain Man 阅读(1956) 评论(1) 推荐(0) 编辑
摘要: 1、选择器了解CSS的查找匹配原理,让CSS更简洁、高效使用高效率的CSS选择器如何使CSS渲染更高效总结不要在ID选择器前使用标签名一般写法:div#divBox更好写法:#divBox解释: 因为ID选择器是唯一的,加上div反而增加不必要的匹配。不要再class选择器前使用标签名一般写法:span.red 更好写法:.red 解释: 同第一条,但如果你定义了多个.red,而且在不同的元素下是样式不一样,则不能去掉,比如你css文件中定义如下:p.red { color: red; } span.red { color:#ff00ff; } 如果是这样定义的就不要去掉,去掉后就会混淆,不过 阅读全文
posted @ 2010-11-22 10:36 Rain Man 阅读(1004) 评论(0) 推荐(0) 编辑
摘要: 参考: HTML与javascript中常用编码浅析 escape, encodeURIComponent和encodeURI escape(), encodeURI(), encodeURIComponent() 的区别 文章并非原创,这里只是做了个简单整理。 一些名词 bit二进制数字,称作比特 阅读全文
posted @ 2010-11-15 11:12 Rain Man 阅读(2329) 评论(0) 推荐(0) 编辑
摘要: document.documentElement对<html />元素的引用document.documentElement === document.getElementsByTagName('html')[0]document.body对<body />元素的引用document.body === document.getElementsByTagName('body')[0] 阅读全文
posted @ 2010-11-11 09:24 Rain Man 阅读(522) 评论(1) 推荐(0) 编辑
摘要: a.x = a = { }, 深入理解赋值表达式var o = {x : 1};var a = o;a.x = a = {name:100};console.log(a.x); // undefinedconsole.log(o.x); // {name:100}// a.x = a = {name:100};// 等价于 a.x = (a = {name:100});// 首先计算a.x的引用,然后计算(a = {name:100})的返回值if 语句的简写var condition = true, numb = 0;if(condition) { alert('rain-... 阅读全文
posted @ 2010-10-16 20:09 Rain Man 阅读(981) 评论(0) 推荐(0) 编辑
摘要: 什么东西学的再好,不用总会忘记,复习下...Simple Examplepublic、protected、private、__get、__set:public 表示全局,类内部外部子类都可以访问protected表示受保护的,只有本类或子类或父类中可以访问private表示私有的,只有本类内部可以使... 阅读全文
posted @ 2010-09-30 18:24 Rain Man 阅读(1038) 评论(0) 推荐(0) 编辑
摘要: in 运算符判断对象是否拥有某一属性只要对象拥有该属性,就会返回true,否则falsevar point = { x:1, y:1 };alert( 'x' in point ); //truevar arr = ['one', 'two'];alert( 'kang' in arr ); //falsealert( '1' in arr ); //truealert( 'push' in arr ); //truevar fn = function(){};fn.prototype.site = 阅读全文
posted @ 2010-08-12 12:52 Rain Man 阅读(1180) 评论(0) 推荐(0) 编辑
摘要: Dom RangeDom Range对象Javascript标准DOM Range操作(1)Javascript标准DOM Range操作(2)Javascript标准DOM Range操作(3)RangeException 对象Range(Mozilla) 英文Selection(Mozilla) 英文IE TextRangeselection 对象TextRange对象已经很全了详探JavaScript中TextRange对象使用及方法 阅读全文
posted @ 2010-08-08 16:30 Rain Man 阅读(1858) 评论(0) 推荐(1) 编辑
摘要: CSSmargin合并整理按钮在 IE 中两边被拉伸的 BUG存在于IE6/7中,IE8已修复IE的button元素bug常用链接字体编辑用中日韩汉字Unicode编码表中文电码查询HTML 5 Demos and Examples在线翻译_在线词典_金山词霸_爱词霸英语Alexa中文官方网站(及时了解热门话题和热门网页) 阅读全文
posted @ 2010-06-08 23:31 Rain Man 阅读(743) 评论(0) 推荐(0) 编辑
摘要: 1、prototype在JavaScript中并没有类的概念,但JavaScript中的确可以实现重载,多态,继承。这些实现其实方法都可以用JavaScript中的引用和变量作用域结合prototype来解释。2、Simple Example这是一个非常简单的例子,但却可以很好的解释prototype内在的一些东西,先看下图的内存分配:通过上图可以看到下面这些内容:prototype只是函数的一个属性,该属性的类型是一个对象。内存分配状况: 函数Blog拥有一个prototype属性,而prototype属性拥有一个变量和一个函数; test和rainman两个变量都分别有name和url两个 阅读全文
posted @ 2010-04-12 21:09 Rain Man 阅读(1567) 评论(4) 推荐(1) 编辑
摘要: 1、FCKeditor编辑器默认“Enter”会产生段落,即“”;“Shift + Enter”则产生换行,即“”。这很不符合使用习惯,但如果颠倒二者使用起来则更加方便。 解决方法,修改“fckconfig.js”FCKConfig.EnterMode = 'p' ; // p | div | brFCKConfig.ShiftEnterMode = 'br' ; // p | div | br 更改为:FCKConfig.EnterMode = 'br' ; // p | div | brFCKConfig.ShiftEnterMode = & 阅读全文
posted @ 2010-02-26 12:15 Rain Man 阅读(2069) 评论(1) 推荐(0) 编辑
摘要: 1、引出问题 在UCenter中存在db和base两个类,恰巧这两个类也存在于ThinkPHP中,因此出现问题是必然的事情。 db类:uc_client/lib/db.class.php base类:uc_client/model/base.php2、解决问题 只要消除“重名”即可解决,因此选择更改... 阅读全文
posted @ 2009-12-27 04:31 Rain Man 阅读(2064) 评论(0) 推荐(1) 编辑