摘要：
请尽量不执行，试着直接给出结果并给出理由。 这道题可以帮你温习很多内容（对象、类、原型、作用域、优先级等等），同时部分朋友也能学到很多知识。 更多请看：javascript的小小考题 阅读全文
posted @ 2008-05-20 10:02 analyzer 阅读(279) 评论(0) 推荐(0)
摘要：
有时候在一个页面用到收放功能的时候时，总有一个虚线框在触发收放的功能按钮上，显得特别刺眼，那如何去除这个虚线框呢？虽然从可用性的角度，隐藏虚线框的做法会让键盘偏执狂不满。但从视觉上，有时候虚线框确实影响美观。方法一：IE 下可使用其私有的html属性：hideFoucs，在标签的结构中加入 hidefocus=”true” 属性。即：<a href="http://w... 阅读全文
posted @ 2008-05-20 10:01 analyzer 阅读(366) 评论(0) 推荐(0)
摘要：
链接用图片做背景，text-indent:-9999px; 隐藏文字，此效果在 IE 中是正常的，但在 Firefox 里，鼠标点击该链接时，虚线框却会包住被缩进的文字，结果显示为虚线框 N 长。（BTW: 因为平时是用 overflow:hidden; 属性的，所以一直也没有注意到这个问题的存在。） 虚线框，其实就是 CSS 中的 outline 属性，这也说明 IE 和 Firefox 对于 ... 阅读全文
posted @ 2008-05-20 10:00 analyzer 阅读(284) 评论(0) 推荐(0)
摘要：
1、连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行。解决方法：《css之自动换行》 。连续的标点符号也不会转行，用属性 word-break:break-all; 无法达到效果，可以选用属性 word-wrap: break-word; 来解决！ 2、有序列表的 li 在 IE 中，定了宽后，序号就变为1；定了浮动后，就没有了序号，Firefox 却不同。IE 认为：列表本来就不把序... 阅读全文
posted @ 2008-05-20 09:59 analyzer 阅读(248) 评论(0) 推荐(0)
摘要：
//显示属性displaylist-stylepositionfloatclear//自身属性widthheightmarginpaddingborderbackground//文本属性colorfonttext-decorationtext-alignvertical-alignwhite-spaceother textcontent 阅读全文
posted @ 2008-05-20 09:59 analyzer 阅读(203) 评论(0) 推荐(0)
摘要：
对于许多想学习 JavaScript 的朋友来说，无疑如何选择入门的书籍是他们最头疼的问题，或许也是他们一直畏惧，甚至放弃学习 JavaScript 的理由。 在 JavaScript 方面，自己不是什么专家，也不是什么高手，但自己一路走来，JavaScript 从迷茫到认识，对于 JavaScript 书籍的认识或许还有些借鉴价值。 入门推荐首选书籍：《JavaScript DOM 编程艺术 ... 阅读全文
posted @ 2008-05-20 09:58 analyzer 阅读(376) 评论(0) 推荐(0)
摘要：
情景一： var yx01 = new function() {return "圆心"}; alert(yx01); 我们运行情景一代码，将返回显示“[object object] ”，此时该代码等价于： function 匿名类(){ return "圆心"; } var yx01 = new 匿名类(); alert(yx01); 我们对情景一的代码进行下面改造： var yx01 = n... 阅读全文
posted @ 2008-05-20 09:58 analyzer 阅读(329) 评论(0) 推荐(0)
摘要：
Firefox 包含了一个非标准的 JavaScript 扩展，使正则像函数一样可调用。这为调用正则的 exec 方法提供了便捷。例如，在 Firefox中，regex(”string”) 等同于 regex.exec(”string”)。曾经 ECMAScript 4 建议指出这个功能将会增加到 ES4 规范中，但后来的在 ES4-discuss mailing list 的讨论中，这个建议可... 阅读全文
posted @ 2008-05-20 09:57 analyzer 阅读(265) 评论(0) 推荐(0)
摘要：
function replaceHtml(el, html) { var oldEl = typeof el === "string" ? document.getElementById(el) : el; /*@cc_on // 原始的 innerHTML 在 IE 中的性能好一点 oldEl.innerHTML = html; return oldEl; @*/ var newEl = ol... 阅读全文
posted @ 2008-05-20 09:57 analyzer 阅读(266) 评论(0) 推荐(0)
摘要：
对于背投广告的原理来说并没有什么难度，无非打开的窗口失去焦点（blur），而原来页面得到焦点（focus）。但对于流行的浏览器来说，如果非用户行为的弹出窗口（即 onload 时，直接window.open ），会被浏览器默认拦截。 背投广告，既然被称为广告，那如何才能让广告主的钱花得实在，花得乐意呢？ 我们可以增加判断，如果该弹出窗口被浏览器拦截，则只要用户点击页面就触发 window.ope... 阅读全文
posted @ 2008-05-20 09:56 analyzer 阅读(817) 评论(0) 推荐(0)
摘要：
IE8 (下文中的 IE8 暂时仅代表IE8 beta1) 中增加了 CSS3 中的子串匹配的属性选择器（substring matching attribute selectors），具体规则与正则中的匹配很相似： E[att^=’val’] //子串以’val’ 开始 E[att$=’val’] //子串以’val’ 结束 E[att*=’val’] //子串中包... 阅读全文
posted @ 2008-05-20 09:55 analyzer 阅读(248) 评论(0) 推荐(0)
摘要：
对于 link 元素 和 style 元素 我相信大家都比较了解，但对于他们的出现位置可能有误解。 在 淘宝 的所有频道中出现这样一个问题：频道头部文件由于是统一支配的（为什么？历史原因！），所以我们无法在每个频道的 head 元素中以 link 或 style 方式加入各自的样式。最后选取了折中的方式，在主体内容中直接写入 style 元素，也就是说 style 元素置于了 body 元素中。... 阅读全文
posted @ 2008-05-20 09:55 analyzer 阅读(642) 评论(0) 推荐(0)
摘要：
b 和 i 标签在现在的 Web 标准潜规则中是不推荐使用，甚至是反对使用的，因为认为他们只是“表现”粗体和斜体，而没有任何“语义”。更多的用 strong 和 em 标签代替。 而在新的 HTML5 工作草案 中对于 b 和 i 标签是这样定义的： The b element now represents a span of text to be stylistically offset f... 阅读全文
posted @ 2008-05-20 09:54 analyzer 阅读(407) 评论(0) 推荐(0)
摘要：
When generating hyperlinks, always include a trailing slash if possible. For instance, navigating to http://msdn.microsoft.com/ie takes one more roundtrip than http://msdn.microsoft.com/ie/. When the... 阅读全文
posted @ 2008-05-20 09:53 analyzer 阅读(262) 评论(0) 推荐(0)
摘要：
YAHOO.widget.Effects 基于 YUI 实现的 Effects 库，记录一下。http://blog.davglass.com/files/yui/effects/用这个库可以很好的改善网站某些视觉效果，当然使用适当为上，画龙点睛即可。 阅读全文
posted @ 2008-05-20 09:50 analyzer 阅读(299) 评论(0) 推荐(0)
摘要：
最近 Yahoo! Exceptional Performance 在 《优化网站性能的 14 条规则》的基础上又增加了 20 条新的规则。 1. 尽早清除缓冲区 [server] 2. AJAX 请求使用“GET”方法 [server] 3. 延迟加载组件 [content] 4. 预加载组件 [content] 5. 减少 DOM 元素的数量 [content] 6. ... 阅读全文
posted @ 2008-05-20 09:49 analyzer 阅读(227) 评论(0) 推荐(0)
摘要：
优化网站性能的14条规则（更新） 1. 尽可能的减少 HTTP 的请求数 [content] 2. 使用 CDN（Content Delivery Network） [server] 3. 添加 Expires 头(或者 Cache-control ) [server] 4. Gzip 组件 [server] 5. 将 CSS 样式放在页面的上方 [css] 6. 将脚本移动到底部（包括内联的） ... 阅读全文
posted @ 2008-05-20 09:49 analyzer 阅读(270) 评论(0) 推荐(0)
摘要：
1、应该将 CSS 放置于结构的上方（一般放置于 head 元素内）。CSS 是解释型语言，Firefox 和 IE 在等待 CSS 传输完成之前不会渲染任何东西。只有将 CSS 前置，才可在浏览器解析结构时，对页面进行渲染。This causes the blank white screen problem. The page is totally blank until the stylesh... 阅读全文
posted @ 2008-05-20 09:48 analyzer 阅读(279) 评论(0) 推荐(0)
摘要：
IE 官方提供的 IE5 到 IE8 的 CSS 兼容列表：《CSS Compatibility and Internet Explorer》很好的参考资料，可以方便帮助大家了解和熟悉各 IE 浏览器之间 CSS 的兼容情况。个人最近一直对 MS 另眼相看，从 IE 8 Beta 1 发布的第一天起，至少我们看到 MS 的态度，积极开放，结果虽不太如人意，但至少 MS 跨出了重要的一步，放下了一向... 阅读全文
posted @ 2008-05-20 09:47 analyzer 阅读(383) 评论(0) 推荐(0)
摘要：
一个很棒的 blog 文章，是 PPK 两年前写的，文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。从那起，我已经对这些方法做了大量的研究，并且已经在很多场合使用他们。在很多任务中，他们被证明是非常有用的（特别关于结构的抽象 DOM 选择器）。1、DOMElement.contains(DOMNode)这个方法起先用在 IE... 阅读全文
posted @ 2008-05-20 09:46 analyzer 阅读(246) 评论(0) 推荐(0)
摘要：
一年前网上还找不到关于 inline-block 属性的文章，为了方便大家更好的理解该属性，当时总结整理了篇《display:inline-block的深入理解》。 而现在对于 inline-block 属性运用的需求也越来越多，可惜依旧只有 Firefox3 beta、IE8 beta、Opera、Safari 支持 inline-block 属性（注：原来只有 Opera、Safari 支持... 阅读全文
posted @ 2008-05-20 09:46 analyzer 阅读(278) 评论(0) 推荐(0)
摘要：
background-clip 和 background-origin 是 CSS3 中新加的 background module 属性，用来确定背景的定位。background-clip 用来判断 background 是否包含 border 区域。而 background-origin 用来决定 background-position 计算的参考位置。语法为： background-clip:... 阅读全文
posted @ 2008-05-20 09:45 analyzer 阅读(375) 评论(0) 推荐(0)
摘要：
第二届 D2 上，小马提到的一些 IE 常用调试工具： Microsoft Script Debugger —— Companion.JS need to install this Companion.JS —— Javascript debugger for IE , like Console API feature IE Developer To... 阅读全文
posted @ 2008-05-20 09:44 analyzer 阅读(365) 评论(0) 推荐(0)
摘要：
Multiple IE（支持 XP下IE3 到IE6多版本共存） 相信很多朋友都用过，但其不支持 Vista，最大的问题是该软件已经很久未更新，集成的 IE 版本都过老，不适应现在浏览器测试的需求。长江后浪推前浪：IETester 。IETester 支持 Vista 和 XP 下IE8 beta 1, IE7，IE 6 和IE5.5 版本共存。最新版本：v0.2.1 下载 中文包 (加入Lang... 阅读全文
posted @ 2008-05-20 09:43 analyzer 阅读(256) 评论(0) 推荐(0)
摘要：
YUI 中的 Grids CSS 主要有三个部分值得大家关注和学习： 1、布局的思想：使用 “负 margin（Negative Margins）” 技术 详细可参阅：《Creating Liquid Layouts with Negative Margins》 2、使用 em ：当用户改变字体大小时，宽度同时改变。 技巧：用 13 像素来平分宽度（保留小数到千分位），而 IE 浏览器用 13.... 阅读全文
posted @ 2008-05-20 09:42 analyzer 阅读(459) 评论(0) 推荐(1)
浙公网安备 33010602011771号
