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

        function getStr(length){
            var ALPHABET = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890"
            var str = "";
            for(var i=0;i<length;i++){
                var rand = Math.floor(Math.random()*ALPHABET.length);
                str = ALPHABET.substring(rand,rand + 1);
            }
           console.log(str); 
        }
        getStr(6);

老师看一下我这代码有什么问题嘛,为什么我的getStr(6)，并没在控制台中体现

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

  function getStr(length){
            var ALPHABET = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890"
            var str = "";
            for(var i=0;i<length;i++){
                var rand = Math.floor(Math.random()*ALPHABET.length);//这个是得到的rand的长度
                str = ALPHABET.substring(rand,rand+1);//那这个就是截取rand的长度
            }
        }

老师不懂得是rand+1有什么用，线上听课时老师所举的例子：前面rand是截取开始的位置，后面是结束的位置，如rand的长度是5，那截取的就是5到6，那5-6中间的位置是哪个！

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

明白了，但是好像这样更准确一点

/^([0-9]+\.[0-9]{2})$/

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

/^[0-9]+(.[0-9]{2})?$/.test(12.90)  //运行结果是false
/^[0-9]+(.[0-9]{2})?$/.test(12.)  //运行结果是true
/^[0-9]+(.[0-9]{2})?$/.test(12)  //运行结果是true

老师，我想问一下根据下面的正则表达式，上面的运行结果为什么不是true false false，
还有这里得？的作用是什么，看不太懂

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

 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编程模块/算法与数据 324楼

09history对象代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>history对象</div>
<a href="./10history跳转.html">history</a>
<button id="btn1">前进</button>
<script>
    var btn1 = document.getElementById("btn1");
    btn1.onclick = function(){
        //history.forward();    前进一个页面
        history.go(1);
    }
</script>
</body>
</html>

10histoty跳转代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>跳转新页面</div>
<button id="btn2">后退</button>
<script>
    var btn2 = document.getElementById("btn2");
    btn2.onclick = function(){
        history.back();
    }
</script>
</body>
</html>

老师，第一次打开页面，点击前进按钮，没有反应，不能像视频里直接跳转到10history跳转页面。只能先点击链接跳转，后退，然后再点击前进才有反应。这是因为浏览器的原因吗？

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

老师，这个截图是视频课件里的代码，我是真理解不了了。

这个debounce函数一开始就执行var timer=null，所以每滑动一次滑轮，就调用debounce函数，然后给timer赋值为null，那么它一直都不会执行if里的语句呀（每滑动一次，timer为null，就不存在了）。就说这里用到了闭包，返回一个函数，闭包会保存变量的值，但是它再调用debounce函数，还是会先执行timer=null，又给他赋值为空了，还是不会执行if里的语句呀

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

 var abtu=document.getElementById("abtu");
    abtu.onclick=function(){
        e.preventDefault();
        console.log("点击A标签");
    }

e.preventDefault();

上面这行代码，不是阻止跳转吗？为啥我的写上去了，还是能够跳转？

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

body>
    <div id="root">
        <button id="btu">
            <p id="text">内容</p>
        </button>
    </div>
    <script>
        var root=document.getElementById("root");
        var btu=document.getElementById("btu");
        var text=document.getElementById("text");
        root.onclick=function(){
            console.log("div");
        }
        btu.onclick=function(){
            console.log("btu");
        }
        text.onclick=function(){
            console.log("text");
        }
    </script>

老师，为啥第一段要打印div，不能打印root吗？

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

var yg=document.getElementById("yg");
        yg.ondblclick=function(){
            console.log("dblcick事件");
        }

老师，这个我为啥打印不出来？

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

//Base64转码介绍
var a = "hello";
console.log(btoa(a));

运行结果图：

问题：老师，我是直接创建的js文件，运行出现以上错误是怎么回事呀？

如果把这两行代码写在html文件里，再运行就正确了。

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

同学您好