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

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

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

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

<!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>

        // 返回值:[函数执行结束后]返回到[原本程序中函数所在的位置],用来替代整个函数的[结果]，被称为函数的返回值。

        function add(a, b) {

           var sum= a + b;

}

var re = add(1, 2);

console.log(re)

    </script>

</body>

</html>

像这样不加return返回值返回的是undefine, 可以这样理解吗，不加return的话函数外部是无法访问函数运行的结果吗？是否和作用域有关

WEB前端全系列/第二阶段：JavaScript编程模块/函数与对象 406楼

//for循环计算100以内偶数的和
var sum = 0;
for( var i = 1; i <= 100; i++){
    if(i % 2 == 0){
        sum += i;
    }
    i++;
}
document.write("for循环100以内偶数的和：" +sum)

老师，是哪里出了问题，sum是0？

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

我知道问题了，不好意思老师刚才我可能没说清楚。

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

老师我知道第二个问题是怎么了，但第一个问题还是不明白。点之后第一次div里弹出5，之后再点击div里会随机弹出数。

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

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>带有提示文字的滚动条</title>
    <style>
        div{
            width:25px;
            height:25px;
            border: 1px solid  black;
            line-height: 25px;
            text-align: center;
            position: absolute;
            display: none;
        }
    </style>
</head>
<body>
<input type="range" min="0"  max="100"  value="5"/>
<div></div>
<script>
  var input=  document.querySelector('input');
  var div=  document.querySelector('div');
  var flag=false;
  input.onmousedown=function(){
      var left= event.clientX;
      if(left>135){left=135;}
      if(left<14){left=14;}
      div.style.left=left+'px';
      div.innerHTML=input.value;
      div.style.display='block';
  }
</script>
</body>
</html>

老师按下后div里的数随机出现，按住移动鼠标div里的数不随鼠标的移动发生变化。

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

老师，帮忙看下是哪错了？最后一个else报错

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

resultStr+= 视频中+什么意思。前面好像没讲。

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

解决了，老师有个单词拼写错了，谢谢.......................................................

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>带有提示文字的滚动条</title>
    <style>
        div{
            width: 25px;
            height: 25px;
            border: 1px solid black;
            line-height: 25px;
            text-align: center;
            position: absolute;
            display: none;
        }
    </style>
</head>
<body>
<input type="range" min="0" max="100" value="5">
<div></div>
<script>
    var input=document.querySelector('input');
    var div=document.querySelector('div');
    var flag=false;
    input.onmousemove=function () {
        if (flag==true){
            var left=event.clientX;
            if (left>135){left=135;}
            if (left<14){left=14;}
            div.style.left=left+'px';
            div.innerHTML=input.value;
            div.style.display='black';
        }

    };
    input.onmousedown=function () {
        flag=true;
        div.style.display='none'
    };
    input.onmouseup=function () {
        flag=false;
        div.style.display='none'
    }
</script>
</body>
</html>

老师，怎么拖动的时候下面怎么不出数字？我也赋值了。谢谢老师

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    li{background-color: skyblue}
    li:hover{
        background-color: #ff6700;
    }
</style>
<body>
    <button id="button1">获取元素</button>
    <button id="button2">设置元素</button>
    <button id="button3">删除元素</button>

<script>
    var div1=document.createElement('div');
    div1.style.cssText='width:100%;position:relative;background:red;';
    var div2=document.createElement('div');
    div2.style.cssText='width:80%;position: absolute;left: 50%;transform: translateX(-50%)';
    document.body.appendChild(div1);
    var arr=['首页','军事','科技','新闻','游戏'];
    var ul=document.createElement('ul');
    ul.style.cssText='margin:0;padding:0;list-style;text-align: center;background:pink;';
    for (var i=0;i<arr.length;i++){
        var li=document.createElement('li');
        li.style.cssText='display: inline-block;  width: 100px;height: 30px;  line-height: 30px;\
                        text-align: center;  margin-left:5px';
        var a=document.createElement('a');
        a.style.cssText=' text-decoration: none;color: white;';
        a.innerHTML=arr[i];
        li.appendChild(a);
        ul.appendChild(li);
    }
    div2.appendChild(ul);
    div1.appendChild(div2);
    document.body.appendChild(div1);

    var button=document.querySelector('div');
    document.querySelector('#button1').onclick=function () {
       console.log( button.getAttribute('style'));
    };
    document.querySelector('#button2').onclick=function () {
        button.setAttribute('style','display:none');
    };
    document.querySelector('#button3').onclick=function () {
        button.removeAttribute('style');
    }
</script>

</body>
</html>

老师为啥我div1颜色设置不出来

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

<!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>
  账号<input type="text">
  密码<input type="text">
  <button>提交</button>
  <script>
    let userName = document.getElementsByTagName("input")[0];
    let passWord = document.getElementsByTagName("input")[1];
    let btn = document.getElementsByTagName("button")[0];

    btn.onclick = () => {
      let xhr = new XMLHttpRequest();//创建xhr对象通过XMLHttpRequest构造函数
      
      xhr.onreadystatechange = () => {
        if( xhr.readyState == 4 && xhr.status == 200 ){
          //进了这里证明拿到了数据
          console.log(xhr.responseText);
        }
      }

      let datas = new FormData();
      datas.append("userName",userName.value);
      datas.append("passWord",passWord.value);

      xhr.open("post","http://localhost:3000/index",true);
      
      xhr.send(datas);
    }
    
  </script>
  
</body>
</html>

let express = require("express");
let bodyParser = require("body-parser");
//let multiparty = require("multiparty"); /*引入multiparty模块*/
//需要安装 npm install multiparty --save
let app = express();

app.use(bodyParser.urlencoded({ extended: false }));

app.all("*", function (req, res, next) {
  //解决夸域问题
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
  res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
  res.header("X-Powered-By", "3.2.1");
  res.header("Content-Type", "application/json;charset=utf-8");
  next();
});

// app.post("/index", (req, res) => {
//   console.log(req.body);
//   res.send("后台接收成功");
// });
app.post("/index", function (req, res) {
  // let form = new multiparty.Form();
  // form.parse(req, function (err, fields, file) {
  //   console.log(fields);
  //   res.send("数据已接收");
  // });
  console.log(req.body);
  res.send("接收成功!");
});

app.listen(3000, () => {
  console.log("3000链接成功");
});

后端拿不到前端传输过来的数据老师帮忙看看

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

let im = document.querySelector('input').value;
let but = document.querySelector('button');
but.onclick=function () {
    let newStr=im.match(/你好/ig);
    if (newStr){
        newStr+=newStr.replace('中国');
        im=newStr+im;
    }
    console.log(im);

}

老师怎么把输入的你好的字改成中国

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

var a='hello friend';
console.log(a.length)

老师：视频的讲课老师都喜欢打多一个变量来整合，我打的代码不整合直接输出有什么差别吗？

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

for循环定位
// for(a=0;a<10;a++){
//     for(b=0;b<10;b++){
//         document.write("("+a+','+b+')')
//     }
//     document.write('<br>')
// }

// while循环定位

a=0;
while(a<10){
    a++;
    b=0;
    while(b<10){
        b++;
    }
    document.write("("+a+','+b+')')
}

老师怎么用while循环啊做了一下午

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

动态给一个div结构设置自定义属性（data-*），读到一个已存在自定义属性结构的div中的属性

老师我不理解这个题目是什么意思

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

同学您好