有效沟通问答-【官方】百战程序员_IT在线教育培训机构

会员可以在此提问，百战程序员老师有问必答

对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题，会帮你学得更全面

截止目前，同学们一共提了 132358个问题

老师这个j--为什么呀（操作的原因我一时没搞明白），而且这行去掉或者还是写j++都是同样的结果

WEB前端全系列/第二阶段：JavaScript编程模块/字符串与数组 406楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        for (var i = 1; i <= 6; i++) {
            for (var k = 6 - i; k >= 0; k--) {
                document.write('&nbsp');
            }
            for (var j = 1; j <= 2 * i - 1; j++) {
                document.write('*');
            }
            document.write('<br/>');
        }
    </script>
</body>
</html>

老师输出图案的那个题这么写可以吗

WEB前端全系列/第二阶段：JavaScript编程模块/运算符_数据类型和流程循环语句 407楼

轮播图.rar

老师你好，我明明做了处理为什么越界还是报错

WEB前端全系列/第二阶段：JavaScript编程模块/DOM模型 408楼

var image = new Image();
image.src = "http://iwenwiki.com/banner1.png"
image.onload = function(){
  console.log("图片的资源加载完成了");
  document.body.appendChild(image);
}

这个 var image = new Image(); 是什么意思？还有没有类似的

WEB前端全系列/第二阶段：JavaScript编程模块/DOM模型 409楼

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Math</title>
</head>

<body>
    <script>
        /* Math
        1. Math.round 取整 >=0.5 取1 <0.5 取0
        2.Math.floor() 向下取整  返回小于参数值的最大整数
        var num=Math.floor(2.8)  //2
         2.Math.floor() 向上取整  返回大于参数值的最大整数
        var num=Math.floor(2.1)  //3
        3.Math.abs() 绝对值
        4. 3.Math.Max() 最大值
        5.Math.min() 最小值
        6.Math.pow(2,3)  //8 ，2的三次方
        7.Math.sqrt(num)  //返回num的平方根，如果num为负数 返回NaN
        8.Math.random()  返回[0,1)的随机数
        */
        // console.log(Math.round(1.3));
        // var num1=Math.floor( Math.random()*5+10);
        // console.log(num1);

        //大乐透
        var str = '';
        for (var i = 1; i <= 7; i++) {
            var num =0;
            if (i <= 5) {
                 num = Math.floor(Math.random() * 31 + 1);  
                  str+=num+',';
             
                }  else{
                    if(i<7){   num = Math.floor(Math.random() * 15 + 1);  
                    str =num+','+str;
                   }else{
                    num = Math.floor(Math.random() * 15 + 1);  
                    str =str +num;
                   }
                 
                }
               
             
               
        }
        console.log(str);
     


    </script>
</body>

</html>

老师我设计了最后两个数字在1-16 的随机数为啥还超了16

WEB前端全系列/第二阶段：JavaScript编程模块/Math与Date 410楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form>
    姓名：<input type="text" name="name"/><br/>
    年龄：<input type="text" name="age"/><br/>
    性别：<input type="text" name="sex"/><br/>
    <input type="submit" value="提交">
</form>

<button>获取数据</button>

<script>
    var button = document.querySelector('button');
    //封装解析的方法
    function getObj(string) {
        var obj = {};
        var newStr = string.slice(1);
        var proArr = newStr.split('&');

        for(var i = 0;i < proArr.length;i++){
            var tempArr = proArr[i].split('=');
            obj[tempArr[0]]=tempArr[1]
        }
        return obj;
    }

    button.onclick = function () {
        //document.location.search 获取提交的内容
        var dateObj = getObj(document.location.search);
        //atob(dateObj)
        console.log(dateObj['name']);
    }
</script>
</body>
</html>

下面是输出结果：

WEB前端全系列/第二阶段：JavaScript编程模块/面向对象编程 411楼

老师这段代码不太理解，是如果一直滚动鼠标的话，时间间隔在300毫秒以内就一直触发Window.onscroll这个函数，timer一直被清空，如果不一直滚动，时间间隔大于300秒就会打印scollTop对嘛

WEB前端全系列/第二阶段：JavaScript编程模块/浏览器模型(BOM) 412楼

var name5 = "itbaizhan"
 console.log(name5.split("))

想问一下老师在字符串没有符号的情况下怎么把itbaizhan中的bai或者it或者tb等等随意组合，切割成一个数组

WEB前端全系列/第二阶段：JavaScript编程模块/字符串与数组 413楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .div1{
            width: 200px;
            height: 200px;
            background-color: red;
        }
        .div2{
            width:60px ;
            height: 50px;
            background-color: orange;
        }
    </style>
</head>
<body>
 <div class="div1">
     <div class="div2"></div>
 </div>
  <script>function fun1 () {
    console.log('div1');
    
}
function fun2 () {
         console.log('div2');}
      var div1=document.querySelector('.div1');
      var div2=document.querySelector('.div2');
      div1.addEventListener('click',fun1,true)
     div2.addEventListener('click',fun2,true)
    </script>
</body>
</html>

老师我哪里写错了怎么用不了普抓机制

WEB前端全系列/第二阶段：JavaScript编程模块/浏览器模型(BOM) 414楼

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>js_名称解释_变量</title>
</head>
<body>
<!-- script标签表示脚本，可在标签中写js代码。也可通过src属性引入外部脚本文件，注意：可以写在html的任意位置，但一般写在body的最后。1.语句，描述：以分号结尾的表达式。2.变量，描述：表示可以发生改变的量，语法：变量一般采用var来声明，举例var num=10； -->
    <script>


        var a=prompt("请输入您的成绩：");
        if(a>60){
            document.write("第五名！");
        }else if(a>70){
            document.write("第四名！");
        }else if(a>80){
            document.write("第三名！");
        }else if(a>90){
            document.write("第二名！");
        }else if(a=100){
            document.write("第一名！");
        }else{
            document.write("不及格！");
        }
    </script>
</body>
</html>

WEB前端全系列/第二阶段：JavaScript编程模块/运算符_数据类型和流程循环语句 415楼

 var arr =[21,21,44,54,89,123,77,77];
        var arr1 =[21,21,44,54,89,123,77,77];
        var arr2 =[21,21,44,54,89,123,77,77];

        //1.splice方法删除
        function unique(arr){
            var len=arr.length;
            for(var i=0;i<len;i++){
                for(var j=i+1;j<len;j++){
                    if(arr[i]==arr[j]){
                            arr.splice(j,1);
                            j--;
                            len--;//减少循环次数
                    }
                }
            }
            return arr;
        }
        unique(arr);
        console.log("splice去重后的数组:"+arr);
        
        //2.indexOf方法(不存在的push到新数组中)
        function unique1(arr){
            var resultArr=[];
            for(var i=0;i<arr.length;i++){
                if(resultArr.indexOf(arr[i])==-1){
                    resultArr.push(arr[i]);
                }
            }
            return resultArr;
        }
        unique1(arr1);
        console.log("indexOf方法去重后的数组:"+arr1);

如果直接console.log(unique1(arr1))结果是对的，可我这么写，第一个方法出来结果是对的，第二个为什么还是原数组呢，不知道哪里出问题了

WEB前端全系列/第二阶段：JavaScript编程模块/算法与数据 416楼

//动态设置页面左右居中

/**

* 瀑布流效果：

* 1.第二行的图片第一张图片应该放在每列的高度最矮的图片下面

* 2.

window.onload = function () {

waterFlow();

// 准备上拉加载数据

var dataImage = {

data: [

{ src: "./imges/9.jpg" },

{ src: "./imges/1.jpg" },

{ src: "./imges/2.jpg" },

{ src: "./imges/3.jpg" },

{ src: "./imges/4.jpg" },

{ src: "./imges/5.jpg" },

{ src: "./imges/6.jpg" },

{ src: "./imges/7.jpg" },

{ src: "./imges/8.jpg" },

{ src: "./imges/10.jpg" },

]

}

window.onscroll = function () {

if (checkReachBottom()) {

console.log("触底了");

}

function waterFlow() {

///获取父级容器

var parentCotainer = document.getElementById("container");

//获取所有子元素

var allChild = document.getElementsByClassName("box");

//获取屏幕宽度

var screenwidth = document.documentElement.clientWidth;

//获取一个图片容器的宽度

var childWidth = allChild[0].offsetWidth;

//计算屏幕水平方向最多能摆放的个数

var rowsNum = Math.floor(screenwidth / childWidth) - 1;

//居中

parentCotainer.style.cssText = "width:" + rowsNum * childWidth + "px;margin:0 auto;";

getMinHeightOfCols(allChild, rowsNum);

}

waterFlow();

//2 .动态图片位置

function getMinHeightOfCols(allChild, rowsNum) {

//获取存储每列的高度

var colsHeightArr = [];

for (var i = 0; i < allChild.length; i++) {

//判断取出第一行图片，并获取高度，放入到数组中

if (i < rowsNum) {//当i大于最多数时自动跳到下一行

//获取当前图片高度

colsHeightArr[i] = allChild[i].offsetHeight;

} else {

//第二行

//获取本行中高度最小图片的那一列

var MinHeightOfCols = Math.min.apply(null, colsHeightArr);

//获取最小值对应的下标(位置)

var MinHeightOfIndex = colsHeightArr.indexOf(MinHeightOfCols);

//摆放位置

allChild[i].style.position = "absolute";

allChild[i].style.top = MinHeightOfCols + 'px';

allChild[i].style.left = allChild[MinHeightOfIndex].offsetLeft + 'px';

//高度的合并

colsHeightArr[MinHeightOfIndex] = colsHeightArr[MinHeightOfIndex] + allChild[i].offsetHeight;

}

//3.判断页面触底

1. 逻辑 : 滚动高度 +页面可视窗口高度；

2. 业务：滚动高度 +视口高度 > 文档总高度 - 最后一张图片高度

function checkReachBottom() {

//获取滚动高度

var scorllHeight = document.documentElement.scrollTop;

//获取视口高度

var pageHeight = document.documentElement.clientHeight;

//文档总高度

//获取最后一个元素

var allChild = document.getElementsByClassName("box");

var lastChildBox = allChild[allChild.length - 1];//最后一个元素

var lastChildBoxTop = allChild[allChild.length - 1].offsetHeight;//最后一个元素距离顶部高度

return lastChildBoxTop < pageHeight + scorllHeight ? true : false;

}

老师我这个设置完后只要滑动就触发那个触底函数了

WEB前端全系列/第二阶段：JavaScript编程模块/DOM模型 417楼

var arr = "错误这个失败";

if (arr=="错误") {

console.log("处理失败");

}

老师我如果想要这样，这个arr里面只要有“错误”字样，就输出处理失败，我该怎么写呢

WEB前端全系列/第二阶段：JavaScript编程模块/运算符_数据类型和流程循环语句 418楼

这个通过控制按键火柴人移动，和释放技能的程序可以做吗

WEB前端全系列/第二阶段：JavaScript编程模块/浏览器模型(BOM) 419楼

setInterval(function(){console.log('这是第1个定时器')},2000);
setInterval(function(){console.log('这是第2个定时器')},2000);
setInterval(function(){console.log('这是第3个定时器')},2000);
clearInterval(2);
clearInterval(1);

老师，我这代码清除 1 2 为啥输出的是 2 3 ，不是应该只输出3 吗

WEB前端全系列/第二阶段：JavaScript编程模块/面向对象编程 420楼

同学您好