Kampfer的记事本

新blog:www.kampfer-lw.com

导航

2010年8月16日

摘要: 块级元素:block-level,相信大家都知道吧(or Google it)。以前在写代码的时候,面对<li />标签总觉得很奇怪。为什么它可以设定高度,但又不像<h1 />这些元素,那种感觉就像它是个“半内联"的(内联:inline[text]-level)元素。HTML 4是这样描述的:The following elementsmay also be c... 阅读全文

posted @ 2010-08-16 21:14 Kamfper 阅读(277) 评论(0) 推荐(0) 编辑

2010年8月8日

摘要: 今天看了一篇博文,来自http://www.zhangxinxu.com/wordpress/?p=621。对于清除浮动有了一些新的认识。 首先归纳下我们常用的清除浮动的方法: 用float属性,借用一个Demo 用position:absolute;属性,再借用一个Demo 使用inline-block属性Demo 使用overflow:hidden;属性 Demo(此方法对IE6无效)Dem... 阅读全文

posted @ 2010-08-08 10:57 Kamfper 阅读(355) 评论(0) 推荐(0) 编辑

2010年8月5日

摘要: 问题一:“请你自我介绍一下”思路: 1、这是面试的必考题目。 2、介绍内容要与个人简历相一致。3、表述方式上尽量口语化。 4、要切中要害,不谈无关、无用的内容。5、条理要清晰,层次要分明。6、事先最好以文字的形式写好背熟。问题二:“谈谈你的家庭情况”思路:1、 况对于了解应聘者的性格、观念、心态等有一定的作用,这是招聘单位问该问题的主要原因。 2、 ... 阅读全文

posted @ 2010-08-05 15:25 Kamfper 阅读(227) 评论(0) 推荐(0) 编辑

摘要: 最近看了篇关于this和上下文环境的文章,觉得自己也有必要总结一下。 首先说明什么是上下文环境。JavaScript中的this关键字通常都会指向当前函数的拥有者,在JavaScript中通常把这个拥有者叫做执行上下文,函数的执行上下文由当前的执行环境来决定。另外就是要区别上下文环境和作用域:上下文环境是在执行时确定的,是可能改变的,而作用域是在定义时确定的,是不会变的。 再来说明的就是this... 阅读全文

posted @ 2010-08-05 11:23 Kamfper 阅读(214) 评论(0) 推荐(0) 编辑

2010年8月4日

摘要: 一、前言在如今各个分辨率显示器N足鼎立的时期,页面采用流动性布局(亦可称自适应布局)不失为一个好选择。当然,具体实现不是那么容易,需要一定的css功力和实践经验。本文不讲细节,只讲外部的自适应架构,这也是实现整个页面自适应的前提。目前为止,我所熟知的左中右三栏宽度自适应于浏览器的方法有三个:绝对定位法,margin负值法以及自身浮动法。这些方法简洁实用,且无兼容性问题。如果您想在您的页面上使用流动... 阅读全文

posted @ 2010-08-04 14:27 Kamfper 阅读(1326) 评论(0) 推荐(0) 编辑

2010年7月29日

摘要: 发现自己还差的很远,努力! 阅读全文

posted @ 2010-07-29 16:47 Kamfper 阅读(224) 评论(0) 推荐(0) 编辑

2010年7月28日

摘要: 1.折叠菜单用的方法比较笨拙,但是贵在有效,不绕圈子,一看就懂。我已经在演示中加上了很详尽的注解,直接看Demo吧。另外以后我还想给这个实例加上其他的效果:(1).更换页面能保存浏览状态状态。这个在蓝色理想我看到了一些思路:形式1(菜单有刷新页面事件)、分二种方式。方式1、客户端判断获得值(地址栏值)让菜单在打开时显示。方式2、服务端判断获得值(地址栏值)让菜单在打开时显示。形式2(菜单无刷新页面... 阅读全文

posted @ 2010-07-28 15:11 Kamfper 阅读(827) 评论(0) 推荐(0) 编辑

2010年7月27日

摘要: 此效果来自蓝色理想,这里我只是放个Demo,方便自己以后研究。我已在代码中添加了比较详细的注释,在这里我只提几点:1.[代码]2.[代码]这里的getBoundingClinetRect()方法以前是IE Only的,但是现在FF3.0+和Opera9.5+已经支持了该方法。该方法获得页面中某个元素的左,上,右和下便边框分别相对浏览器视窗的位置。看图就直观点:注意第二张图移动了scroll!!更多... 阅读全文

posted @ 2010-07-27 17:02 Kamfper 阅读(270) 评论(0) 推荐(0) 编辑

摘要: 注释1:上图整个大背景是这个网页的全部尺寸,中间的小框才是浏览器中的可见尺寸。这幅图就是针对为文档(document)的各个height、width、top、left所做的说明。注释2:第二幅图主要是针对网页中一个div的各个属性值所做的说明。“DIV element client area”是这个div元素的可见区域,“scroll area”是这... 阅读全文

posted @ 2010-07-27 15:55 Kamfper 阅读(831) 评论(2) 推荐(0) 编辑

2010年7月26日

摘要: 1.使用空标签清除浮动。具体方法:在所有浮动元素后面添加一个空标签如<div>、<p>等等(理论上这个空标签可以是任何HTML标签),给这个空标签添加CSS属性:clear:both。2.使用overflow属性。具体做法:给浮动元素的父元素添加CSS属性:overflow:hidden。对于IE6浏览,可以添加:zoom:1。此方法的好处是无需添加无意义的标签,这点优于方... 阅读全文

posted @ 2010-07-26 21:34 Kamfper 阅读(202) 评论(0) 推荐(0) 编辑