javascript 传值和传址
2012-5-16 15:51:18 阅读5 评论0 162012/05 May16
传递参数给函数 按值传递一个参数给函数就是制作该参数的一个独立复本，即一个只存在于该函数内的复本。即使按引用传递对象和数组时，如果直接在函数中用新值覆盖原先的值，在函数外并不反映新值。只有在对象的属性或者数组的元素改变时，在函数外才可以看出。
IE6相对父容器绝对定位的bug及其解决办法
2012-1-13 16:13:04 阅读8 评论0 132012/01 Jan13
from：http://bbs.h886.com/archiver/tid-760.html
一般相对父容器绝对定位是这样的,子容器绝对定位,父容器设置成相对定位,就可以实现
<div style=”position:relative;border:1px solid orange;text-align:right;”>
<a href="#”>xxxxxxx</a>
<div style=”position:absolute;top:0;left:0;background:#CCC;”>yyyyy</div>
</div>
解决办法有两种：
1、给父层设置zoom:1触发layout。
2、给父层设置宽度（width(定位left)/height(定位bottom)）。
IE6中很多Bug都可以通过触发layout得到解决，以上的解决方法无论是设置zoom:1还是设置width和height其实都是为了触发layout。下列的CSS属性或取值会让一个元素获得layout：
position:absolute
一般相对父容器绝对定位是这样的,子容器绝对定位,父容器设置成相对定位,就可以实现
<div style=”position:relative;border:1px solid orange;text-align:right;”>
<a href="#”>xxxxxxx</a>
<div style=”position:absolute;top:0;left:0;background:#CCC;”>yyyyy</div>
</div>
解决办法有两种：
1、给父层设置zoom:1触发layout。
2、给父层设置宽度（width(定位left)/height(定位bottom)）。
IE6中很多Bug都可以通过触发layout得到解决，以上的解决方法无论是设置zoom:1还是设置width和height其实都是为了触发layout。下列的CSS属性或取值会让一个元素获得layout：
position:absolute
跨域iframe自适应高度
2011-11-9 14:31:09 阅读25 评论0 92011/11 Nov9
文章转自：
http://note.sdo.com/u/1557869253/n/sSPb5~jFp5B0LX0A00000N老生常谈：跨域iframe自适应高度
不得不承认，这是一个被人说烂了的话题，而我要说的也是最常见的跨域iframe自适应的方法（Iframe代理），今天结合淘宝的做法来讲下这个实现方法。
跨域iframe自适应高度的原理：很简单，假如3个页面，分别是主页面A.html，子页面B.html，代理页面C.html。我们总是希望子页面B.html高度变化时，作为它的外层A.html也跟着变高，不至于产生A.html不能完全展示B.html的内容。让我们看下这三者的关系：
其中A与B是跨域的，而A和C是同域的。它们的关系是：A包含B，B包含C。很显然A和B，以及B和C，因为跨域不能相互通信，而A和C同域，可以相互通信。为此我们就想到让C页面告诉A页面，B页面到底有多少高，这就是C.html作为Proxy.html的概念。因为B和C跨域的是不能相互通信，所以想在C页面中，直接window.parent.document.body.scrollHeight这样的操作是行不通的，一般浏览器会很温柔的告诉你：permission denied to call method 什么什么的。所以我们只能让B页面自己计算自身的高度，然后通过某种方法告诉C页面，再由C页面告诉A页面。
http://note.sdo.com/u/1557869253/n/sSPb5~jFp5B0LX0A00000N老生常谈：跨域iframe自适应高度
不得不承认，这是一个被人说烂了的话题，而我要说的也是最常见的跨域iframe自适应的方法（Iframe代理），今天结合淘宝的做法来讲下这个实现方法。
跨域iframe自适应高度的原理：很简单，假如3个页面，分别是主页面A.html，子页面B.html，代理页面C.html。我们总是希望子页面B.html高度变化时，作为它的外层A.html也跟着变高，不至于产生A.html不能完全展示B.html的内容。让我们看下这三者的关系：
其中A与B是跨域的，而A和C是同域的。它们的关系是：A包含B，B包含C。很显然A和B，以及B和C，因为跨域不能相互通信，而A和C同域，可以相互通信。为此我们就想到让C页面告诉A页面，B页面到底有多少高，这就是C.html作为Proxy.html的概念。因为B和C跨域的是不能相互通信，所以想在C页面中，直接window.parent.document.body.scrollHeight这样的操作是行不通的，一般浏览器会很温柔的告诉你：permission denied to call method 什么什么的。所以我们只能让B页面自己计算自身的高度，然后通过某种方法告诉C页面，再由C页面告诉A页面。
Block Formatting Context
2011-11-3 16:02:40 阅读39 评论0 32011/11 Nov3
来自聚焦前端@任浩‘博客http://www.focusweb.in/
看到Block Formatting Context这个词语时，当时也是一头雾水，搜索了大量相关的资料后，对其有了一定的了解。对css的布局有了一个新的认识。
Block Formatting Context是要深入理解CSS的一个必须理解的概念。
简单地说，Block Formatting Context就是页面上的一个隔离的独立容器，容器里面的子元素不会在布局上影响到外面的元素，反之也是如此。不是所有的元素都会建立一个“Block Formatting Context“。只要符合条件，任何块级元素都建立一个新的”Block Formatting Context”, 一个” Block Formatting Context”至少满足以下条件之一。
float:leftfloat:rightposition:absolutedisplay:inline-blockdisplay:inline-tabledisplay:table-celldisplay:tableoverflow:autooverflow:scrolloverflow:hidden（也就是除了overflow:visible;）Block Formatting Context怎样流动?
Block Formatting Context在文档流中属于正常流。也就是说，
看到Block Formatting Context这个词语时，当时也是一头雾水，搜索了大量相关的资料后，对其有了一定的了解。对css的布局有了一个新的认识。
Block Formatting Context是要深入理解CSS的一个必须理解的概念。
简单地说，Block Formatting Context就是页面上的一个隔离的独立容器，容器里面的子元素不会在布局上影响到外面的元素，反之也是如此。不是所有的元素都会建立一个“Block Formatting Context“。只要符合条件，任何块级元素都建立一个新的”Block Formatting Context”, 一个” Block Formatting Context”至少满足以下条件之一。
float:leftfloat:rightposition:absolutedisplay:inline-blockdisplay:inline-tabledisplay:table-celldisplay:tableoverflow:autooverflow:scrolloverflow:hidden（也就是除了overflow:visible;）Block Formatting Context怎样流动?
Block Formatting Context在文档流中属于正常流。也就是说，
从新浪微博的改版谈网页重构 （转载）
2011-10-26 13:42:49 阅读58 评论0 262011/10 Oct26
本文出自：小秦同学的sina博客：
http://kb.cnblogs.com/page/114649/ 作者: 小秦 发布时间: 2011-10-20 20:31
搞前端的同学也许都知道一个数字——4秒，有研究表明，如果一个网站没有在4秒之内加载完成，用户就会感到焦躁不愉快，并离开这个网站。网站的内容、搜索引擎优化、用户体验？哪个更重要呢？在速度面前，也许这些都相对更次要。所以提高网页效率，是我们在新版微博的第一目标。从四个方面来浅谈我们新版微博的优化。
一、HTTP请求数的权衡
1、为什么要关心http请求？
当浏览器向Web服务器发出请求时，它向服务器传递了一个数据块，也就是请求信息。在用户打开一个页面的初初，包括等待时间、请求时间、建立响应时间、渲染时间……，都是消耗在前端的。比如下载图片、下载样式表、JavaScript脚本、flash等文件。大家应该都经历过那个“多图杀猫”的时代，加载那样一个网页会花费大量的时间。减少这些资源文件的请求数将是提高网页显示效率的重点。
假设用户家的网速是1M/秒，那么他打开一个网页时，如果网页文件小于1M，理论上他可以在一秒之内打开网页。下载网
http://kb.cnblogs.com/page/114649/ 作者: 小秦 发布时间: 2011-10-20 20:31
搞前端的同学也许都知道一个数字——4秒，有研究表明，如果一个网站没有在4秒之内加载完成，用户就会感到焦躁不愉快，并离开这个网站。网站的内容、搜索引擎优化、用户体验？哪个更重要呢？在速度面前，也许这些都相对更次要。所以提高网页效率，是我们在新版微博的第一目标。从四个方面来浅谈我们新版微博的优化。
一、HTTP请求数的权衡
1、为什么要关心http请求？
当浏览器向Web服务器发出请求时，它向服务器传递了一个数据块，也就是请求信息。在用户打开一个页面的初初，包括等待时间、请求时间、建立响应时间、渲染时间……，都是消耗在前端的。比如下载图片、下载样式表、JavaScript脚本、flash等文件。大家应该都经历过那个“多图杀猫”的时代，加载那样一个网页会花费大量的时间。减少这些资源文件的请求数将是提高网页显示效率的重点。
假设用户家的网速是1M/秒，那么他打开一个网页时，如果网页文件小于1M，理论上他可以在一秒之内打开网页。下载网
JavaScript中绑定事件监听函数的通用方法[ addEvent() ]
2011-9-30 16:12:10 阅读40 评论0 302011/09 Sept30
转自：http://www.cnblogs.com/rainman/archive/2009/02/11/1387955.html
上篇文章讲到了事件绑定的3中常用方法：传统绑定、W3C绑定方法、IE绑定方法。但是，在实际开发中对于我们来讲重要的是需要一个通用的、跨浏览器的绑定方法。如果我们在互联网上搜索一下会发现许多方法，一下是比较知名的几种方法：
在开始学期下面几种方法之前，应当讨论一下，一个好的addEvent()方法应当达到哪些要求：
a、支持同一元素的同一事件句柄可以绑定多个监听函数；
b、如果在同一元素的同一事件句柄上多次注册同一函数，那么第一次注册后的所有注册都被忽略；
c、函数体内的this指向的应当是正在处理事件的节点（如当前正在运行事件句柄的节点）；
d、监听函数的执行顺序应当是按照绑定的顺序执行；
e、在函数体内不用使用 event = event || window.event; 来标准化Event对象；
一、John Resig 所写的 addEvent() 函数：http://ejohn.org/projects/flexible-javascript-events/
上篇文章讲到了事件绑定的3中常用方法：传统绑定、W3C绑定方法、IE绑定方法。但是，在实际开发中对于我们来讲重要的是需要一个通用的、跨浏览器的绑定方法。如果我们在互联网上搜索一下会发现许多方法，一下是比较知名的几种方法：
在开始学期下面几种方法之前，应当讨论一下，一个好的addEvent()方法应当达到哪些要求：
a、支持同一元素的同一事件句柄可以绑定多个监听函数；
b、如果在同一元素的同一事件句柄上多次注册同一函数，那么第一次注册后的所有注册都被忽略；
c、函数体内的this指向的应当是正在处理事件的节点（如当前正在运行事件句柄的节点）；
d、监听函数的执行顺序应当是按照绑定的顺序执行；
e、在函数体内不用使用 event = event || window.event; 来标准化Event对象；
一、John Resig 所写的 addEvent() 函数：http://ejohn.org/projects/flexible-javascript-events/
在IE6下让PNG图片透明的3种方法（转载）
2011-9-19 17:28:42 阅读40 评论0 192011/09 Sept19
原文来自：站酷网 - JinSoo 原创 http://www.zcool.com.cn/article/ZMTY4Njg=.html
FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的
=============================================================================
此效果简单，。。。。相当不错 推荐
style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')"
语法：
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
enabled : 可选项。布尔
FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的
=============================================================================
此效果简单，。。。。相当不错 推荐
style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')"
语法：
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
enabled : 可选项。布尔
JS实现滑动返回顶部
2011-9-13 11:17:34 阅读70 评论0 132011/09 Sept13
转载：http://hi.baidu.com/469741414/blog/item/e20fa40d326c30e0aa645723.html 征行天下_思己及人 百度空间
对于版面较长的网页，在底部会放上返回顶部的锚点链接，做法也很简单，直接用HTML就能实现，不过这种效果不交呆板，原因就是向上移动很突然，经常会让用户产生莫名的感觉，本文结合JS将实现一种滑动返回顶部的网页效果，这样用户感觉会比较舒服。
‘TOP’置顶链接，说的通俗一点就是‘返回顶部的链接’，‘go to top ’一般都放在页面的底部，它可以快速返回页面顶部，以节省用户浏览页面的时间。 它主要的应用场景是当你有一个很长的网页内容时，您通常要 把 ‘TOP’锚点链接 添加在页面底部，只要用户一点击‘TOP’链接 ,就可以马上回到 页面的顶部了。
我们遇到的问题是：不是滚动到页面底部的时候才看到了‘TOP’,如果页面内容超过两屏以上时，用户有些心烦，我不想看了，我想回到顶部看一些其他的内容。
如果我们只看了第一屏的文章，不想看了，可是‘TOP’在第二屏才会出现。
这时候有三种情况发生：
发挥鼠标特长就是拖动浏览器的滚动条或是滚动鼠标滑轮，回到页面顶部。
继续硬着头皮往下看，看有没有‘TOP’,幸运的话，马上找到了，可以回到顶部了。（一般人心中是没有‘TOP’概念的，只有选择1 和3 的方法了）
对于版面较长的网页，在底部会放上返回顶部的锚点链接，做法也很简单，直接用HTML就能实现，不过这种效果不交呆板，原因就是向上移动很突然，经常会让用户产生莫名的感觉，本文结合JS将实现一种滑动返回顶部的网页效果，这样用户感觉会比较舒服。
‘TOP’置顶链接，说的通俗一点就是‘返回顶部的链接’，‘go to top ’一般都放在页面的底部，它可以快速返回页面顶部，以节省用户浏览页面的时间。 它主要的应用场景是当你有一个很长的网页内容时，您通常要 把 ‘TOP’锚点链接 添加在页面底部，只要用户一点击‘TOP’链接 ,就可以马上回到 页面的顶部了。
我们遇到的问题是：不是滚动到页面底部的时候才看到了‘TOP’,如果页面内容超过两屏以上时，用户有些心烦，我不想看了，我想回到顶部看一些其他的内容。
如果我们只看了第一屏的文章，不想看了，可是‘TOP’在第二屏才会出现。
这时候有三种情况发生：
发挥鼠标特长就是拖动浏览器的滚动条或是滚动鼠标滑轮，回到页面顶部。
继续硬着头皮往下看，看有没有‘TOP’,幸运的话，马上找到了，可以回到顶部了。（一般人心中是没有‘TOP’概念的，只有选择1 和3 的方法了）
css图片垂直居中
2011-8-1 16:11:59 阅读32 评论0 12011/08 Aug1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Div+CSS图片垂直居中</title>
</head>
<style>.box {
display: table-cell;vertical-align:middle;text-align:center;*display: block;
*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/width:220px;height:200px;
border: 3px solid #ccc; }.box img {vertical-align:middle; border:0;}
</style>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Div+CSS图片垂直居中</title>
</head>
<style>.box {
display: table-cell;vertical-align:middle;text-align:center;*display: block;
*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/width:220px;height:200px;
border: 3px solid #ccc; }.box img {vertical-align:middle; border:0;}
</style>
JavaScript去除空格的三种方法
2011-7-20 14:18:38 阅读53 评论0 202011/07 July20
原文出处：http://www.zzsky.cn/build/content/1011.htm
方法一：最好的方法采用的是正则表达式，这是最核心的原理；其次，这个方法使用了JavaScript的prototype属性，其实你不使用这个属性一样可以用函数实现，但这样做后用起来比较方便。
下面就来看看这个属性是怎么来用的。
返回对象类型原型的引用
objectName.prototype
objectName 参数是对象的名称。
说明
用prototype属性提供对象的类的一组基本功能。对象的新实例“继承”赋予该对象原型的操作。
例如，要为Array对象添加返回数组中最大元素值的方法。要完成这一点，声明该函数，将它加入Array.prototype，并使用它。
function array_max( ){
var i, max = this[0];
for (i = 1; i < this.length; i++)
{
if (max < this[i])
max = this[i];
方法一：最好的方法采用的是正则表达式，这是最核心的原理；其次，这个方法使用了JavaScript的prototype属性，其实你不使用这个属性一样可以用函数实现，但这样做后用起来比较方便。
下面就来看看这个属性是怎么来用的。
返回对象类型原型的引用
objectName.prototype
objectName 参数是对象的名称。
说明
用prototype属性提供对象的类的一组基本功能。对象的新实例“继承”赋予该对象原型的操作。
例如，要为Array对象添加返回数组中最大元素值的方法。要完成这一点，声明该函数，将它加入Array.prototype，并使用它。
function array_max( ){
var i, max = this[0];
for (i = 1; i < this.length; i++)
{
if (max < this[i])
max = this[i];