第二届 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
...
10 条评论 »
2008-4-28 下午 - 前端技术动态 - IE - 工具
对于手机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
...
20 条评论 »
2008-4-17 下午 - WAP技术 - PPT - WAP技术
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 图片有多个,对应的 background-clip 值之间用逗号分隔。
对于 background-origin:
如果是 [...]
...
3 条评论 »
2008-4-14 下午 - HTML/CSS/XML/XSL - background - CSS
前端开发工程师 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/
...
10 条评论 »
2008-4-9 上午 - 我的生活 - taobao - UED
一年前网上还找不到关于 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-... 11 条评论 »
2008-4-8 上午 - HTML/CSS/XML/XSL - display - inline-block
一个很棒的 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) ... 4 条评论 »
2008-4-1 下午 - JS/Ajax/AS/Flex - javascript