前端开发 IE 中的常用调试工具

第二届 D2 上,小马提到的一些 IE 常用调试工具: Microsoft Script Debugger —— Companion.JS need to install this Companion.JS —— Javascript debugger for IE , like Console API feature IE Developer Toolbar —— Like Firebug (DOM/CSS etc) Fiddler —— Web Debugging Proxy 上面的插件,自己平常工作中也基本用到,不过 Companion 还是第一次听说,自己也孤陋寡闻了一把。 怿飞补充一个:HttpWatch —— HTTP viewer

... 15 条评论 »

WAP2.0知识分享PPT

对于手机WAP的开发,大家也许很陌生,有些人甚至不知道如何入手。 其实只要有HTML和CSS的基础,加上熟识WAP2.0规范,就可以制作WAP2.0页面。 而现在国内关于WAP2.0规范的资料和教程很少,在结合自己多次项目开发的经验,并翻阅熟读WAP2.0英文规范的基础上,为大家做一个简单扼要的WAP2.0知识分享,分享内容主要为WAP2.0规范中的XHTML MP和WAP CSS。 怿飞期望大家看完PPT,都可以轻松打造属于自己的WAP2.0站点。 PPT下载地址:http://www.planabc.net/lab/WAP2.rar

... 31 条评论 »

background-clip 与 background-origin 的一则运用

background-clip 和 background-origin 是 CSS3 中新加的 background module 属性,用来确定背景的定位。 background-clip 用来判断 background 是否包含 border 区域。而 background-origin 用来决定 background-position 计算的参考位置。 语法为: background-clip: [border | padding] [, [border | padding]]* background-origin: [border | padding | content] [, [border | padding | content]]* 对于 background-clip: 如果是 padding 值,则 background 忽略 padding边缘,border 是透明的。如果是 border 值,则background 包括 border 区域。如果 background-image […]

... 6 条评论 »

欢迎加入 Taobao UED Team

前端开发工程师 Web Developer 精通各种Web前端技术,包括XHTML/XML/CSS/Javascript/ActionScript等(JS和AS之一即可); 深刻理解Web标准,对可用性、可访问性等相关知识有实际的了解和实践经验; 有基于Ajax或Flash的RIA应用开发经验; 至少精通一门非Web前端脚本的语言(如Java/PHP/C++),并有项目经验; 个性乐观开朗,逻辑性强,善于和各种背景的人合作; 计算机、数学、自动化等相关专业本科以上学历优先。 更多职位:http://ued.taobao.com/blog/join_us/

... 17 条评论 »

模拟兼容性的 inline-block 属性

一年前网上还找不到关于 inline-block 属性的文章,为了方便大家更好的理解该属性,当时总结整理了篇《display:inline-block的深入理解》。 而现在对于 inline-block 属性运用的需求也越来越多,可惜依旧只有 Firefox3 beta、IE8 beta、Opera、Safari 支持 inline-block 属性(注:原来只有 Opera、Safari 支持),但 IE6、IE7 可以通过触发 hasLayout 来模拟,Firefox2 有-moz-inline-box 和 -moz-inline-stack 私有属性(这两个属性的比较引用自秦歌的《display:inline-block的应用两例》)。 在实际应用中 -moz-inline-box 会存在元素间的对齐等问题,虽然 Firefox 还有一个私有属性 -moz-box-align 来帮助解决对齐问题,但依旧难以预料问题多多,而相对来说 -moz-inline-stack 的表现更像 inline-block ,这点可以在 Firefox3 中测试出来。但 -moz-inline-stack 使用时也会有一个 bug ,如果一个 display:-moz-inline-stack; 的... 28 条评论 »

比较文档位置

一个很棒的 blog 文章,是 PPK 两年前写的,文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。从那起,我已经对这些方法做了大量的研究,并且已经在很多场合使用他们。在很多任务中,他们被证明是非常有用的(特别关于结构的抽象 DOM 选择器)。 1、DOMElement.contains(DOMNode) 这个方法起先用在 IE ,用来确定 DOM Node 是否包含在另一个 DOM Element 中。 当尝试优化 CSS 选择器遍历(像:“#id1 #id2”),这个方法很有用。你可以通过 getElementById 得到元素,然后使用 .contains() 确定 #id1 实际上是否包含 #id2。 注意点:如果 DOM Node 和 DOM Element 相一致,.contains() 将返回 true ,虽然,一个元素不能包含自己。 这里有一个简单的执行包装,可以运行在:Internet Explorer, Firefox, Opera, and Safari。 function contains(a, b) { return a.contains ? […]

... 5 条评论 »