2012年10月6日
现代浏览器工作原理
摘要： http://www.w3cfuns.com/forum.php?mod=viewthread&tid=5592240&reltid=232&pre_pos=1&ext= 阅读全文
posted @ 2012-10-06 23:11 wcp_spring 阅读(131) 评论(0) 推荐(0) 编辑
HTML 中Doctype简单解析
摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">其中DOCTYPE对象定义了文档的根元素是html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。其中包 阅读全文
posted @ 2012-10-06 16:02 wcp_spring 阅读(172) 评论(0) 推荐(0) 编辑
2012年10月4日
实现div在整个页面中居中
摘要： <div id="bg"></div><style type="text/css"> #bg{width:200px;height:200px;top:50%;left:50%;position:absolute;margin-left:-100px;margin-top:-100px;}</style>解释：首先设置div的左上角在整个页面的50%处，然后再向上移动他宽度和高度的一半即可实现。 阅读全文
posted @ 2012-10-04 21:30 wcp_spring 阅读(537) 评论(2) 推荐(2) 编辑
2012年10月2日
Jquery源码分析
摘要： http://www.cnblogs.com/nuysoft/archive/2011/11/14/2248023.html 阅读全文
posted @ 2012-10-02 16:27 wcp_spring 阅读(125) 评论(0) 推荐(0) 编辑
2012年9月26日
CSS 清除浮动的方法
摘要： 1、在元素内添加一个元素，一般添加div，并且设置属性为clear:both;弊端在于增加了无意义的结构元素2、设置元素的overflow属性为auto，即可以清除浮动，又不用增加无意义的结构元素。（另外为了兼容IE6，添加上了zoom:1;）附录①3、使用after伪对象清除浮动，使用中需注意以下几点。一、该方法中必须为需要清除浮动元素的伪对象中设置height:0，否则该元素会比实际高出若干像素；二、content属性是必须的，但其值可以为空。.clearfix:after {visibility:hidden;display:block;font-size:0;content:" 阅读全文
posted @ 2012-09-26 22:39 wcp_spring 阅读(162) 评论(0) 推荐(0) 编辑
2012年9月24日
Javascript 深度克隆
摘要： Object.prototype.clone=function(){ var o=this.constructor===Array?[]:{}; for(var e in this){ o[e]=typeof this[e]==="object"?this[e].clone():this[e]; } return o;}举例：var obj1 = {name: "flondon", add: "China"};console.info(obj1.clone()); 阅读全文
posted @ 2012-09-24 22:48 wcp_spring 阅读(156) 评论(0) 推荐(0) 编辑
前端面试
摘要： http://www.w3cfuns.com/forum.php?mod=viewthread&tid=5593810&reltid=2264&pre_pos=3&ext=国外的前端面试HTML1、Doctype：过度模式、框架模式、严格模式（文档类型定义）2、怪异模式和标准模式：怪异模式是在没有遵循W3C标准的浏览器，与标准有些不同，例如：盒子模型是很大的不同。3、XHTML和HTML区别： XHTML必须：元素必须被正确的嵌套，元素名必须小写，元素名必须关闭，必须有根元素。 具体：http://www.iteye.com/topic/1846074、老外的面 阅读全文
posted @ 2012-09-24 19:35 wcp_spring 阅读(245) 评论(0) 推荐(1) 编辑
2012年9月21日
JS中浏览器兼容性问题（亲自实践）
摘要： 1、new Date().getYear():如果是IE返回的正确的值；如果是FF，返回的是距离1990年的差值2、现在IE和FF都可以使用eval("idName")来获取ID为idName的对象(原来FF不支持)3、在IE中不可以使用const来声明值，使用var吧（报错）4、获取外部CSS属性，FF使用的是document.defaultView.getComputedStyle(element,null).protyName;或者：getComputedStyle(obj,false)[attr]，不能识别element.currentStyle.protyName 阅读全文
posted @ 2012-09-21 18:11 wcp_spring 阅读(168) 评论(0) 推荐(0) 编辑
JS中IE和FF 浏览器兼容性问题
摘要： http://wenku.baidu.com/view/3acca0efaeaad1f346933f24.html讲的不错，可以看看 阅读全文
posted @ 2012-09-21 17:45 wcp_spring 阅读(132) 评论(0) 推荐(0) 编辑
Javascript获取CSS属性值getComputedStyle和currentStyle
摘要： 使用Javascript获取元素CSS属性值对于元素的内联CSS样式（<div style="color:#369">hello</div>），可以直接使用element.style.color来直接获取css属性的值，但是对于外部定义的css样式使用这种方式就无法获取了，而且IE浏览器和其他标准浏览器（Firefox，Chrome，Opera，Safari）使用的方法不一样，IE浏览器使用element.currentStyle，W3C标准浏览器使用getComputedStyle来获取。IE获取元素外部定义的CSS属性值:element.curr 阅读全文
posted @ 2012-09-21 11:41 wcp_spring 阅读(303) 评论(0) 推荐(0) 编辑