日常开发中的一些BUG总结

青旅半醒 2022-06-07 07:15 269阅读 0赞

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