显示下一条  |  关闭

Mr的技术博客

前端技术

 
 
 
 
 
 

javascript 传值和传址

2012-5-16 15:51:18 阅读5 评论0 162012/05 May16

传递参数给函数 按值传递一个参数给函数就是制作该参数的一个独立复本,即一个只存在于该函数内的复本。即使按引用传递对象和数组时,如果直接在函数中用新值覆盖原先的值,在函数外并不反映新值。只有在对象的属性或者数组的元素改变时,在函数外才可以看出。

作者  | 2012-5-16 15:51:18 | 阅读(5) |评论(0) | 阅读全文>>

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

作者  | 2012-1-13 16:13:04 | 阅读(8) |评论(0) | 阅读全文>>

跨域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页面。

作者  | 2011-11-9 14:31:09 | 阅读(25) |评论(0) | 阅读全文>>

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在文档流中属于正常流。也就是说,

作者  | 2011-11-3 16:02:40 | 阅读(39) |评论(0) | 阅读全文>>

从新浪微博的改版谈网页重构 (转载)

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,理论上他可以在一秒之内打开网页。下载网

作者  | 2011-10-26 13:42:49 | 阅读(58) |评论(0) | 阅读全文>>

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/

作者  | 2011-9-30 16:12:10 | 阅读(40) |评论(0) | 阅读全文>>

在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 : 可选项。布尔

作者  | 2011-9-19 17:28:42 | 阅读(40) |评论(0) | 阅读全文>>

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 的方法了)

作者  | 2011-9-13 11:17:34 | 阅读(70) |评论(0) | 阅读全文>>

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>

作者  | 2011-8-1 16:11:59 | 阅读(32) |评论(0) | 阅读全文>>

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];

作者  | 2011-7-20 14:18:38 | 阅读(53) |评论(0) | 阅读全文>>

查看所有日志>>

 
 
 
 
 
 
 
 

北京市 海淀区 摩羯座

 发消息  写留言

 
近期心愿不想出门
博客等级加载中...
今日访问加载中...
总访问量加载中...
最后登录加载中...
 
 
 
 
 
 
 
列表加载中...
 
 
 
 
 
 我要留言
 
 
 
留言列表加载中...
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2012

   
创建博客 登录  
 关注