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

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

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

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

var alt="";
for (var i=1;i<=5;i++){//控制行
    var blank="";
    for(var j=1;j<=5-i;j++){//控制空白三角形
        blank+=" ";
    }
    var starts="";
    for (var m=1;m<=2*i-1;m++){
        starts+="*";
    }
    alt+=blank+starts+"\n";
}
document.write(alt);

老师，我想问一下，最后一步用document.write(alt) 为什么不能显示图案出来呢，然后用console.log(alt)却又可以？

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>正则-检索模式-1</title>
</head>
<body>
<script>
    //检索模式====表达式模式---元字符模式--量词模式
    //表达式模式--a][abc]--b][0-9]--c][m|n]
    var str="12abc12ABC";
    var str1='你好，佛可栏，回家吃饭了，';
    var newStr4=str.replace(/(ab)/gi,'go');
    var newStr1=str1.replace(/[佛][可][栏]/g,'张账务');
    var newStr2=str1.replace(/佛可栏/g,'张账务');
    var newStr3=str1.replace(/(佛可栏)/g,'张财务');
    console.log(newStr1);
    console.log(newStr2);
    console.log(newStr3);
    console.log(newStr4);
</script>
</body>
</html>

老师，这个同学这个newStr4，他的正则主体为什么加了括号还可以检索到，不是应该连小括号都检索吗

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

<!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>22</title>
    <style>
        .div1{
            width: 400px;
            height: 400px;
            background-color: orange;
            position: relative;
        }
        .div2{
            width: 100px;
            height: 100px;
            /* padding: 150px; */
            position: absolute;
            left:150px;
            top: 150px;
            background-color: orangered;
        }
    </style>
</head>
<body>
    <div class="div1">
        <div class="div2"></div>
    </div>

    <script>
        var div1=document.querySelector('.div1');
        var div2=document.querySelector('.div2');
function test1(){
    console.log('div1事件发生在'+event.currentTarget.className);
    console.log('div1事件触发者'+event.target.className);
}
function test2(){
    console.log('div2事件发生在'+event.currentTarget.className);
    console.log('div2事件触发者'+event.target.className);
}
div1.addEventListener('click',test1,true);
div2.addEventListener('click',test2,true)

    </script>
</body>
</html>

老师为什么不能改成捕获传递我点击大的div1，test2（）方法第一次就可被调用再刷新后点击反应了？

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

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>什么是对象</title>
</head>
<body>
<script>
  /*类和对象
  对象是实实在在存在的；汽车不是对象是一个类，某一个实际的车才是对象*/
  var beixi={
    userName:'贾先生',
    userAge:18,
    ability:function(){
      console.log('吃了睡睡了吃');
    }
  };
  var lishishi={
    userName:'李思思',
    userAge:22,
    ability:function(){
      console.log('卖萌');
    }
  };
var result=(beixi.ability());
console.log(result);

</script>
</body>
</html>

老师我想调用对象里的ability，想要直接输出吃了睡睡了吃，为什么打印台还出现了undefined

WEB前端全系列/第二阶段：JavaScript编程模块/正则对象 304楼

<script>
    let num = Number(prompt("在页面中显示输入数字以内的质数"));
    let str = ""; // 输入的数
    if (!isNaN(num)) {
      if (num > 0 && String(num).indexOf(".") === -1) {
        for (let i = 1; i <= num; i++) {
          let n = 0; // 计数，
          for (let j = 1; j <= i; j++) {
            if(i % j === 0) {
              n++;
            }
            if(j === i && n <= 2) {
              str += i +"\t";
            }
          }
        }
      } else {
        alert("请输入正整数")
      }
    } else {
      alert("请输入数字")
    }
    document.write(str)
  </script>

我想在页面中输入输入的质数，请问有没有我没考虑到的地方呢

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

老师 charCodeAt()返回的是不是索引对应的字符串的ascii码啊，a = 97不是unicode吧，或者ascii码和unicode的关系是什么啊

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

var num8 = 50;

var num9 = "fifty";

console.log(num8 == num9);

老师，为啥这个得出的结果是false，他俩的值不是一样的嘛

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

<ul>

</ul>

</div>

</div>

<ul>

</ul>

</div>

margin: 0;

padding: 0;

}

.box{

width: 672px;

height: 320px;

border: 1px solid gray;

margin: 100px auto;

position: relative;

/* box-sizing: border-box; */

}

.box ul{

list-style-type: none;

}

.imglist ul li{

width: 672px;

height: 320px;

position: absolute;

top: 0;

left: 0;

/* display: none; */

}

.current{

display: block;

}

.btn .leftbtn{

width: 55px;

height: 55px;

background: url("../img/left.png");

position: absolute;

top: 50%;

margin-top: -27.5px;

}

这样设置为什么图片没有将imglist完全填满？

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

1.为什么又有P又有#text，rootP不是p标签元素节点吗，#text不是里面的子节点文本节点的nodeName吗

2. 为啥会在第一行多一个#text出来？视频里感觉是搪塞过去的。。

这个没看懂怎么把#text过滤掉的

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

老师，这个判断条件

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

如果用这个，最后面就会有一个undefined。

要是用

for(var i=0;arr3[i]!=undefined;i++)

就不会有后面的undefined

这个是为什么

WEB前端全系列/第二阶段：JavaScript编程模块/编程风格 310楼

<!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>
<ul>
    <li class="1">11</li>
    <li class="2"></li>
</ul>
<div id="div1"></div>
<script>
    var li=document.createElement('li');
    var li_text=document.createTextNode('1qianmian');
    li.appendChild(li_text);                              
     var ul=document.querySelector('ul');
    ul.insertBefore(li,ul.firstChild);                           
    /* 语法 noded.insertBefore(node1,node2)  
  node1是插入进去的节点 node2是node1插入在node2子节点前面（插入位置） 
    返回值 是返回插入的节点     */
var li_list=document.querySelectorAll('li');
var div=document.querySelector('div');
ul.removeChild(li_list[0]);
console.log(li_list);
    
</script>
</body>
</html>

老师为啥我删除了第一个文本内容为1qianmian的li 页面删除了为啥搜索li元素，集合还可以搜索到3个li？

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

<!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>
<ul>
    <li class="1">11</li>1111
    <li class="2"></li>
</ul>
<div id="div1"></div>
<script>
    var li=document.createElement('li');
    var li_text=document.createTextNode('1qianmian');
    li.appendChild(li_text);                              
     var ul=document.querySelector('ul');
    ul.insertBefore(li,ul.firstChild);                           
    /* 语法 noded.insertBefore(node1,node2)  
  node1是插入进去的节点 node2是node1插入在node2子节点前面（插入位置） 
    返回值 是返回插入的节点     */
var li_list=document.querySelectorAll('li'); /*node.removeChild(node1)    node为node1的父节点，node1为需要删除的节点*/
var div=document.querySelector('div');
ul.removeChild(li_list[0]);
console.log(li_list);
var but=document.createElement('button');
but.innerHTML='替换';
document.body.appendChild(but);
but.onclick=function(){
  var span=document.createTextNode('tihuan')
  
    ul.replaceChild(span,ul.childNodes[1]);
    
}

/*node.contains(node1) node是否包含node1 node为node1 父节点 返回布尔值   */
var buer=ul.contains(ul.childNodes[1]);
console.log(buer);
    
</script>
</body>
</html>

老师为啥var buer=ul.contains(ul.childNodes[1]) ul包含li 但是代码写成var buer=ul.contains(li)就是false

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

老师，这里给a创建完属性节点后没有进行赋值，为什么它的下划线依然被取消了呢？

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

老师您能全面一点么三种引入的方式您这都没有讲啊。

WEB前端全系列/第二阶段：JavaScript编程模块/JavaScript基础与变量 314楼

老师，请问数组去重方案2的计算过程是什么，怎么实现的下标7、8数组成员和下标0、1数组元素的对比？

var arr = [6,1,1,3,2,4,5,6,1]

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

同学您好