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

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

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

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

时间排序推荐排序

switch (fruit) {

case "banana":

// ...

break;

case "apple":

// ...

break;

default:

// ...

实时效果反馈

1.下列swtich语句中，横线处应填写代码是：

var x = 4;

switch (x) {

    case 1:

        console.log('x 等于1');

        break

    case 2:

        console.log('x 等于2');

        ____

        default:

        console.log('x 等于其他值'); // 打印x等于其他值

课上看到的，这个break后面没分号，还是可以不用加分号，还是必须加分号？

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

400年能被400整除是闰年，但400能被4整除且被100整除是平年，这两个不矛盾吗？还是说被四整除跟400整除是两个平级的if else if关系？

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

++x + y先自加再运算，x++ + y先运算后自加，运算结果与x + y结果意义，那么这么运算意义在哪？一般应用在什么地方？

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>lastChild</title>
</head>
<body>
    <div class="div1">
        div1
        <div id="div2">div2</div>
    </div>
    <script>
        var div1 = document.querySelector('.div1');

        //firstChild / lastChild
        console.log(div1.firstChild);
        console.log(div1.lastChild);
        console.log(document.body.firstChild);
        console.log(document.body.lastChild);
    </script>
    <div>最后的内容</div>
</body>
</html>

老师，我这个代码里的body的lastChild，最后一个子节点，不应该是 div内容或者 #text 吗？为什么还是script？script并不是最后一个子节点吧？

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

<!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>防抖</title>
    <style>
        body {
            height: 4000px;
        }
    </style>
</head>

<body>
    <button>测试闭包</button>
    <!-- 防抖 -->
    <script>
        var btn = document.getElementsByTagName("button")[0];

        function showScrollTop() {
            var scrollTop = document.documentElement.scrollTop;
            console.log(scrollTop);
        }

        function debounce(fn, delay) {
            var timer = null;
            return function() {
                if (timer) {
                    clearTimeout(timer);
                }
                timer = setTimeout(fn, delay);
            }
        }
        result = debounce(showScrollTop, 200);
        window.addEventListener("scroll", result)
            /*  result = print();
             btn.addEventListener('click', result)

             function print() {
                 console.log('我不是闭包');
                 return function() {
                     console.log('我是闭包');
                 }
             } */
    </script>
</body>

</html>

我现在理解一点儿了。它只做一次不是什么事件机制，函数体只做一次的原因。它就是因为闭包才只执行var timer=null 一次的。debounce()说明是这个参数是debounce()函数返回值，而它的返回值就是重复做的闭包的函数。我先是用注释的print()函数试一试，发现即使不触发事件，“我不是闭包”也会打印出来。它可以单独拿出来，就像之前写闭包一样。它执行一次就是因为需要取得返回值函数。而事件绑定的函数是返回值函数，所以能不停执行。

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

老师，点击事件不是onclick嘛？我看老师课上用的是click,click是什么意思？

下面这串代码我用onclick运行不出来，但是用click就可以运行是什么原理？

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>事件概述</title>
    <style>
        div{
            width: 100px;
            height: 100px;
            background-color: blue;
        }
    </style>
</head>
<body>
<div>
    <button>点我</button>
</div>
<script>
    
    var div= document.querySelector('div');
    var but= document.querySelector('button');
    but.addEventListener("onclick",function(event){alert("but");},true)
    div.addEventListener("onclick",function(event){alert("div");},true)
    document.body.addEventListener("onclick",function(event){alert("body");},true)
</script>

</body>
</html>

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

转义不是反斜杠\吗，文档是不是错了

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

按照老师的写法为啥，输入内容，右键点击并不能搜索，而只是跳转到百度首页？？

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

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

var array = [ ];

for (var i = 0; i < arr.lenght; i++){

if (array.indexof(arr[ i ]) === -1)

}

为什么这里是＝＝＝负1，而不是0呢？

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

怎么实现换行代码怎么改

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

<body>
		<button id="but" name="but2">点我<tton>
		<script>
		var but=document.querySelector('button');
		but.onclick=function(){
			var newBut=but.cloneNode();
			document.body.appendChild(newBut);
		}
		</script>

$EI5D`R2_HO[0TK{3NX2QWIN.png$

我的问题：1、为什么我的代码没有被克隆

我的问题：2、我运行了两次为啥会有多了两个script

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

这个undefined的写法不严谨啊，

var arr=[1,23,4,5,undefined,7];

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document节点练习</title>
    <!--<style type="text/css">
        ul{
            list-style: none;margin: 0;padding: 0;
        }
        ul li{
            display: inline-block;width: 100px;height: 30px;line-height: 30px;text-align: center;background-color: #0086b3;
        }
        li a{

        }
        li:hover{
            background-color: #0077aa;
        }
        li a:hover{
            color:red;
        }
    </style>-->
    <style>
        li:hover{background-color: #b3d4fc}
        li a:hover{color:red}
    </style>
</head>
<body>
<!--<ul>
    <li><a href="#">首页</a></li>
    <li><a href="#">新闻</a></li>
    <li><a href="#">军事</a></li>
    <li><a href="#">娱乐</a></li>
</ul>-->
<script>
    var arr=["首页","新闻","军事","娱乐"]
    var ulText=document.createElement('ul');
    var ulText_style= document.createAttribute('style');
    ulText_style.value="list-style: none;margin: 0;padding: 0;";
    ulText.setAttributeNode(ulText_style);
    for(var i=0;i<arr.length;i++){
        var liText=document.createElement('li');
        var liText_style= document.createAttribute('style');
        liText_style.value='display:inline-block;width:100px;height:30px;line-height:30px;\
                             text-align:center;margin-left:5px';
        liText.setAttributeNode(liText_style);

        var aText=document.createElement('a');
        var aText_style= document.createAttribute('style');
        aText_style.value="text-decoration: none;";
        aText.setAttributeNode(aText_style);
        aText.innerHTML=arr[i];
        liText.appendChild(aText);
        ulText.appendChild(liText);
    }
    document.body.appendChild(ulText);
    var arr2 = ['cnode社区也切换到let\'s encrypt了','【深圳】nodeparty 2016.04.09总结','国内nodejs2015','展望nodejs 2016','基础javascript'];
    var ul1 = document.createElement('ul');
    var ul1_style = document.createAttribute('style');
    ul1_style.value = 'height: 30px;list-style: none;padding: 0;margin: 0;';
    ul1.setAttributeNode(ul1_style);
    document.body.appendChild(ul1);
    for (var j =0;j<arr2.length;j++){
        var li1 = document.createElement('li');
        var li1_style = document.createAttribute('style');
        li1_style.value = "height: 30px;line-height: 30px;text-align: left;border-bottom: 1px solid gainsboro;";

        li1.setAttributeNode(li1_style);
        var a1 = document.createElement('a');
        a1.innerHTML = arr2[j];
        li1.appendChild(a1);
        ul1.appendChild(li1);
    }
</script>
</body>
</html>

这样写的话应该是没有什么问题的吧

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>window对象</title>
</head>
<body>
    <button>跨域传输</button>
    <script>
        // open('http://www.baidu.com');
        // close();
        // var but =document.querySelector('button');
        // but.onclick=function(){
        //     var iframe = document.createElement('iframe');
        //     iframe.src='name.html';
        //     iframe.style.display='none';
        //     document.body.appendChild(iframe);
        //     iframe.onload=function(eve){
        //         var iframeWindowName = eve.target.contentWindow.name;
        //         console.log(iframeWindowName);
        //     }
        // }
        var but= document.querySelector('button');
        but.onclick=function(){
       var iframe= document.createElement('iframe');
        iframe.src='name.html';//加载保存了信息的页面
        iframe.style.display='none';
        document.body.appendChild(iframe);
        //当iframe加载完毕，意味着window.name的内容已经被赋予完毕
        iframe.onload=function(eve){
            var iframeWindowName=eve.target.contentWindow.name;
           // console.log( iframeWindowName);
            eval(iframeWindowName);
            console.log(num);
        }
    }

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

跟着老师的代码敲的，无奈报错，于是把老师的代码拿过来仍然报错，如图

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

var num1 = 10;

var num2 = 20;

console.log(num1++);//10

console.log(++num1 + num2);//32

为什么是32

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

同学您好