web前端问题总结

1、z-index不起作用？

z-index不起作用原因：1、问题标签没有 position:absolute属性。2、问题标签浮动：float:left  |  fight 。3、问题标签父级有position：relative。

     解决：1、问题标签加position：relative  || absolute属性。 2、清除浮动。3、position：relative改为positionabsolute

http://blog.sina.com.cn/s/blog_93a6a0c30101fshd.html

2、position:fixed在ie下抖动问题？

源代码：父级：position: fixed ;

  子级：

position: absolute;//只有加这个属性，z-index才会起作用
z-index: -1;

以上代码在除ie外的浏览器都没有异常，在ie下滚动窗口会使父级来回抖动。

原因：z-index：-1引起的，具体原因还没找到。

解决：z-index：在取值要在0以上。

3、如何获取自身到父级的左边距离？

$('div').position().left    //获取当前标签相对于父级的左边距离。

4、获取文本框的值

text = $("input").val();

5、||  &&的用法：

a : b || {};

||：非。如果b没有值，则把后边的{}赋值给a；如果b有值，则把b的值给a。

a : b && {};

&&:且。如果b有值，则把{}赋值给a；如果b没有值，则a的值为null或undefined。

eg:

if(a>5){
   alert("haha");
}
//可以这样写
a>5 && alert("hah");

在js逻辑运算中：0；“”、null、undefined、NaN都会判断为false。

&&的优先级要高于||

&&类似于*；||类似于+。

逻辑运算里！的优先级最高。

参考网址：

http://jianguang-qq.iteye.com/blog/462449?page=2（讲的比较详细）！

6、一般框架或库里都会遇见这种写法：

if(!!attr){
    //something
}

这里的!!attr为什么不直接写成attr?

!!的作用是把一个其他类型的变量转成的bool类型。(这种做法更严谨)。

7、$.extend的各种用法。

1)、

var aa = $.extend({},src1,src2);

把src1、src2合并到“{}”中，并给aa。

var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})

得到结果： result = {name: " Jerry " ,age: 21 ,sex: " Boy " }

2)、

如果extend()只有一个参数

$.extend(src)

这是将src合并到jQuery的全局对象中去。

$.extend({
  hello:function(){alert('hello');}
  });

3)、重载原型。

extend(boolean,dest,src1,src2,src3...)

深度拷贝：

var result=$.extend( true,  {},  
    { name: "John", location: {city: "Boston",county:"USA"} },  
    { last: "Resig", location: {state: "MA",county:"China"} } ); 

得到结果：

result={name:"John",last:"Resig",
        location:{city:"Boston",state:"MA",county:"China"}}

浅拷贝：

var result=$.extend( false, {},  
{ name: "John", location:{city: "Boston",county:"USA"} },  
{ last: "Resig", location: {state: "MA",county:"China"} }  
                    );

得到结果：

 result={name:"John",last:"Resig",location:{state:"MA",county:"China"}}

8、看一些插件源码时，总会看到：this=that

作用：

把当前作用域的this存储起来，以供将来调用。

好处：

比如当前fn1()的this指向当前执行上下文，如果fn1()里还有fn2()，则这个this则指向fn2()。

所以，要把fn1()的this存储起来，在fn2()里就可以调用fn1()的东西了。