日常开发中的一些BUG总结

最新推荐文章于 2022-06-11 23:19:40 发布

原创最新推荐文章于 2022-06-11 23:19:40 发布 · 495 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#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个）

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

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的文件即可