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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>间隔调用和延迟调用</title>
</head>
<body>
<script>
    var time1=null;
    var time2=null;
    var time3=null;
    time1=setInterval(function (){console.log("hello world1")},2000);
    time2=setInterval(function (){console.log("hello world2")},2000);
    time3=setInterval(function (){console.log("hello world3")},2000);
    console.log(time1);
    console.log(time2);
    console.log(time3);
    clearInterval(3);
</script>
</body>
</html>

老师，为什么每个浏览器返回的定时器的值都不一样呢，谷歌的是345，火狐的是234

QQ图片20210412154628.png

QQ图片20210412154653.png

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

switch是不能像if那样合在一起写是吗？

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

var quickSort = function (arr) {
  if (arr.length <= 1) {
    return arr;
   }
  var pivotIndex = Math.floor(arr.length / 2);
  var pivot = arr.splice(pivotIndex, 1)[0];
  var left = [];
  var right = [];
  for (var i = 0; i < arr.length; i++) {
    if (arr[i] < pivot) {
      left.push(arr[i]);
     } else {
      right.push(arr[i]);
     }
   }
  return quickSort(left).concat([pivot], quickSort(right));
};

我不理解的是最后面的

return quickSort(left).concat([pivot], quickSort(right));

为什么还要加pivot 根据前面的 if arr[i]<pivot else 可知pivot已经被放在 right中了再加不久多余了吗，要不就在循环的最开始加上一个条件判断当下标为

pivotIndex 时就 continue掉

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

老师双引号跟单引号有什么区别，什么时候用双引号什么时候用单引号

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

老师，我把 i ++ 换成 ++ i 可以吗？这两个啥区别？

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

老师，这个换行不对，怎么改

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

视频中，将导航栏从竖向改为横向布局的是哪几行呢？

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

视频里span是行内元素没有变为块元素为什么可以直接设置大小？

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

瀑布流布局.rar

获取不到图片的高度,只能获取到第一张,其他的获取到的都是10,不知道是什么原因,麻烦老师帮看一下

微信截图_20211227180256.png

微信截图_20211227181220.png 微信截图_20211227180125.png 微信截图_20211227181136.png

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

<!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>Document</title>
    <style>
           .div1{
            background-color: blue;
            width: 500px;
            height: 500px;
        }
        .div2{
            background-color:pink;
            width: 200px;
            height: 200px;
            margin: 150px;
        }
    </style>
</head>
<body>
    <div class="div1">
        div1
        <div class="div2">div2</div>
    </div>
    <!-- 鼠标事件
    1.单击：click
    2.双击：dblclick
    3.鼠标按时：mousedown
    4.鼠标抬起：mouseup
    5.鼠标移动时：mousemove

    6鼠标移入时候/移出事：（不冒泡） mouseenter/mouseleave
     7鼠标移入时候/移出事：（不冒泡） mouseover/mouseout

    -->
    <script>
    var div1=document.getElementsByClassName('div1');
    var div2=document.getElementsByClassName('div2');
    function test1() {
        console.log('这是div1');
       
    }
    function test2() {
        console.log('这是div2');
       
    }
    var EVe={
       AA: function(ele,event,fun,bool){
         if(ele.addEventListener){
           ele.addEventListener(event,fun,bool)
         }else{
                ele.attaEvent('on'+event,fun,bool)
         }
       }
    }
      EVe.AA(div1,'click',test1,false)
    </script>
</body>
</html>

啥问题

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

老师，事件冒泡不是要函数名相同吗，本视频dom0级事件触发没问题，都是匿名函数嘛，可是为什么上个视频在HTML事件分别是test1,test2,test也会触发事件冒泡呢？不懂，求解

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

var div=  document.querySelector('div');
/*var temp=div.addEventListener;
console.log(temp);*/

var temp=  div.addEventListener('click', function () {
      console.log("这是函数");
  });
console.log(temp);

这个运行结果为什么显示未定义？

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

.imglist ul li.current{

display: block;

}

老师，这里我直接写 .current{ } 为什么不行，是因为前面的更长？

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>DOM介绍</title>
</head>
<body>
    <script>
        /*
        DOM Document节点‘
        描述：
            (1)DOM全称为Document Object Model，即文档对象模型，-
                它是一套用来管理控制html文档的规则
            (2)document节点：document节点就是文档本身
        说明：
            (1)节点是对象的另外一种叫法，在DOM规则中规定对象都称为节点
            (2)DOM规定页面中所有的元素都是节点
        */
        console.log(document);
        console.log(document.head);
    </script>
</body>
</html>

老师，这是怎么回事？

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

QQ截图20201130165548.png

如果按第一种写法，意思就是把所有的关键字都默认当成字符串，用方括号写就默认把关键字还当作关键字？

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

同学您好