Kampfer的记事本

新blog:www.kampfer-lw.com

导航

2010年12月20日

摘要: 引言网页资源被下载到客户端后,浏览器还需要对HTML,CSS,JavaScript等代码进行下载,解释,渲染等操作。利用浏览器的一些特性来组织你的代码和页面可以提高客户端的性能。目录使用高效的CSS选择器不要使用CSS expressions将CSS放在页面的head标签里指定图片的尺寸及早的指定字符集使用高效的CSS选择器概述避免使用会匹配大量元素的Key Selectors,这样可以提高页面的渲染速度。详情在浏览器解析HTML的时候,它会构建一个内部的文档树,树中的每一个节点代表了将会被显示的元素。然后浏览器把元素和相应的样式关联起来,这个过程遵循CSS级联,继承以及次序规则。使用Mozi 阅读全文

posted @ 2010-12-20 20:46 Kamfper 阅读(634) 评论(0) 推荐(2) 编辑

2010年10月11日

摘要: 以下部分内容翻译自 W3C 的 CSSOM View Module,W3C 工作草案 2008年2月22日。 在元素 A 上调用 offsetTop 属性时,必须按以下算法返回结果值: 如果元素 A 是 HTML 的 body 元素,其 display 属性计算值是 none,或者不具有 CSS 布局盒子,则返回 0,并停止本算法。如果元素 A 的 offsetParent 是 null 或者是 ... 阅读全文

posted @ 2010-10-11 15:43 Kamfper 阅读(1443) 评论(0) 推荐(0) 编辑

摘要: document.styleSheets可以获得样式表的集合,因为浏览器之间有很大不同,访问样式表的单独规则也不同.DOM为每一个样式表指 定一个cssRules集合,Mozilla和Safari正确实现了这个标准,不过可惜IE中定义这个集合为rules,因此可以使用以下代码来获得正 确的对象: var oCssRules=document.styleSheets[0].cssRules||do... 阅读全文

posted @ 2010-10-11 12:46 Kamfper 阅读(401) 评论(0) 推荐(0) 编辑

2010年9月19日

摘要: 本文转自http://lifesinger.org/blog/2010/09/what-is-important/,标题是我自己拟的。个人觉得文中的观点蛮对路。HTML5 很火,忍不住也阅读了一遍HTML5 spec, 发现除了对记忆力是个考验之外,增加的内容很少:首先是 markup, 增加了 header, footer, section, nav 等元素,本质上和 div + class 无... 阅读全文

posted @ 2010-09-19 21:02 Kamfper 阅读(182) 评论(0) 推荐(0) 编辑

2010年9月10日

摘要: 注意区分css定义的作为背景的透明背景PNG图片和直接通过img标签引入的背景透明PNG图片!应用PNG图片的透明或半透明的特性能做出非常漂亮的网页来。Firefox和Opera对PNG的支持非常的好,都是IE却无视PNG图片这一特性的“存在”,虽然IE7已经支持都是IE6还是不行。查了一些资料,基本解决了这一问题,准备应用到PJskin上。虽然有让IE6支持PNG透明背景... 阅读全文

posted @ 2010-09-10 19:58 Kamfper 阅读(614) 评论(0) 推荐(0) 编辑

2010年9月2日

摘要: 现象测试页面:ie_hasLayout_width_bug.html正常情况下,没有设定宽度的浮动容器test-wrap,当包含的block元素test-box也没有设定宽度时,test-box的宽度会和test-wrap保持一致:其中test-wrap的宽度取决于所包含的子元素的最大宽度。但在IE7下,test-box的宽度塌缩到最小了:IE6下,test-box的宽度则扩展到和浏览器窗口一样宽... 阅读全文

posted @ 2010-09-02 22:50 Kamfper 阅读(1069) 评论(0) 推荐(0) 编辑

2010年8月29日

摘要: document.getElementById("btn").onclick = method1;document.getElementById("btn").onclick = method2;document.getElementById("btn").onclick = method3;如果这样写,那么将会只有medhot3被执行写成这样:var btn1Obj = document.get... 阅读全文

posted @ 2010-08-29 17:02 Kamfper 阅读(306) 评论(0) 推荐(0) 编辑

摘要: 网页中获取滚动条卷去部分的高度,可以通过 document.body.scrollTop 来获取,比如使div跟着滚动条滚动:运行后没有达到预期效果,输出 document.body.scrollTop 的值一看,一直都是 0。一翻折腾,原来是 DTD 的问题,要是页面直接用 <html> 开头的话就没有问题了。但是要符合 web 标准,DTD 当然是不能少的。如果有 DTD 时用,那... 阅读全文

posted @ 2010-08-29 16:17 Kamfper 阅读(638) 评论(0) 推荐(0) 编辑

2010年8月28日

摘要: 代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.... 阅读全文

posted @ 2010-08-28 21:33 Kamfper 阅读(621) 评论(0) 推荐(0) 编辑

2010年8月24日

摘要: 1. document.form.item 问题(1)现有问题:现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在Firefox(火狐)下运行(2)解决方法:改用 document.formName.elements["elementName"](3)其它参见 22. 集合类对象问题(1)现有问题:现有代码中许多集合类对象取用时使用 (),... 阅读全文

posted @ 2010-08-24 21:27 Kamfper 阅读(506) 评论(0) 推荐(0) 编辑