web前端问题总结
2015-11-03 15:52
393 查看
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 ;
子级:
以上代码在除ie外的浏览器都没有异常,在ie下滚动窗口会使父级来回抖动。
原因:z-index:-1引起的,具体原因还没找到。
解决:z-index:在取值要在0以上。
3、如何获取自身到父级的左边距离?
$('div').position().left //获取当前标签相对于父级的左边距离。
4、获取文本框的值
text = $("input").val();
5、|| &&的用法:
||:非。如果b没有值,则把后边的{}赋值给a;如果b有值,则把b的值给a。
&&:且。如果b有值,则把{}赋值给a;如果b没有值,则a的值为null或undefined。
eg:
在js逻辑运算中:0;“”、null、undefined、NaN都会判断为false。
&&的优先级要高于||
&&类似于*;||类似于+。
逻辑运算里!的优先级最高。
参考网址:
http://jianguang-qq.iteye.com/blog/462449?page=2(讲的比较详细)!
6、一般框架或库里都会遇见这种写法:
这里的!!attr为什么不直接写成attr?
!!的作用是把一个其他类型的变量转成的bool类型。(这种做法更严谨)。
7、$.extend的各种用法。
1)、
2)、
如果extend()只有一个参数
$.extend(src)
这是将src合并到jQuery的全局对象中去。
3)、重载原型。
深度拷贝:
得到结果:
浅拷贝:
得到结果:
8、看一些插件源码时,总会看到:this=that
作用:
把当前作用域的this存储起来,以供将来调用。
好处:
比如当前fn1()的this指向当前执行上下文,如果fn1()里还有fn2(),则这个this则指向fn2()。
所以,要把fn1()的this存储起来,在fn2()里就可以调用fn1()的东西了。
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()的东西了。
相关文章推荐
- WEB前端开发规范文档(转)
- JavaScript高级程序设计之DOM之节点层次之Attr类型第10.1.9讲
- JavaScript基础学习(三)----Array数组对象
- response content-type json
- HTML 列表
- json对象中的值被引用两次的问题
- 两种方法基于jQuery实现IE浏览器兼容placeholder效果【转】
- 从一段.html代码说起谈谈AngularJs中的双向数据绑定
- 分享4种CSS3效果(360度旋转、旋转放大、放大、移动)
- JavaScript高级程序设计之DOM之节点层次之DocumentFragment类型第10.1.8讲
- Javascript进阶篇——( 事件响应)笔记整理
- js获得日期操作,以及日期的格式化
- jsp页面的数显示两位小数
- jsp页面中jstl标签详解
- AngularJS的初步学习(1)
- ajax 的json联动
- JQuery中的prop和attr
- html表格及样式 长年复制用
- JS图片加倒影
- css实现垂直居中6种方法