日常开发中的一些BUG总结

一：css篇

1：弹出层的背景层虽然设置了fixed-top:0;left:0;依然不会定位到最顶部；

     原因：检查一下是否是其他样式影响了，比如导航如果也设置了fixed定位，这种情况可以通过设置z-index来设置元素的堆叠顺序；

2：在使用其他组件时，有时会碰到对引用的组件设置样式不起作用的情况：

    原因：有些组件的api是组件独享的，不是html标签api，所以所设置的样式不会对其起作用，可以通过对引用的组件api外套一层<div>，对div进行样式设置；

3：图片自适应的方法：给img外层套一个div并把div设置为：display:inline-block

 

4:jquery 如何取得一个select的当前值

 

< select  id = "cursel" >

     < option  value = "1" >值1</ option >

     < option  value = "2" >值2</ option >

     < option  value = "3" >值3</ option >

     < option  value = "4" >值4</ option >

</ select >

$(document).on( "change" , "#cursel" , function (){

     alert( 'value：' +$( this ).val()); //获取value

     alert( 'text：' +$( this ).find( "option:selected" ).text()); //获取选中文本

});

5：如果图片加载不成功用其他图片来代替的实现方法:

原理是：利用jq里的.error()方法，为加载不成功的img的src属性重新指定

代码如下：

$("img")

.error(function(){

$(this).hide();

})

.attr("src", "missing.png");

 

6：实现textarea限制输入字数（包含中文只能输入10个，全ASCII码能够输入20个）

<script language="#" type="text/ecmascript">
window.onload = function() 
{ 
document.getElementById('txta1').onkeydown = function() 
{    
    if(this.value.length >= 10) 
      event.returnValue = false; 
} 
} 
</script>

 

7：点击实现后退一页的最简单写法：

<a οnclick=" javascript:history.go(-1);"></a>

 

8：离开页面触发的事件onunload()和onbeforunload()的区别使用

window.onbeforeunload = function(){        return 'woshishui'}  

9：合计函数

function hejinum(){        var num = 0;        $(".materia_num").each(function(){            num = num + parseInt($(this).val());        });        $(".putout_heji").text(num);

    }

10：

需要知道已经经过了多少次或者说过多久就会停止

var timesRun = 0;
var interval = setInterval(function(){
timesRun += 1;
if(timesRun === 60){
clearInterval(interval);
}
//do whatever here..
}, 2000);

var startTime = new Date().getTime();
var interval = setInterval(function(){
if(new Date().getTime() - startTime > 60000){
clearInterval(interval);
return;
}
//do whatever here..

}, 2000);

10：JS获取n至m随机整数

functionrd(n,m){

    var c = m-n+1; 

    return Math.floor(Math.random() * c + n);

}

11.npm 或者 cnpm 无响应问题

方法一：重新安装npm，输入npm install cnpm -g --registry=https://registry.npm.taobao.org命令后，再执行cnpm相关命令也没有任何反应。

 方法二：删掉C盘路径下的用户-Administrator的.npmrc的文件即可