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

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #tabBox input{
            background: #f1f1f1;
            border: 1px solid #ff0000;
        }
        #tabBox .active{
            background:#e9f212;
        }
        #tabBox div{
            display: none;
            width: 300px;
            height: 250px;
            padding: 10px;
            background: #e9f212;
            border: 1px solid #ff0000;
        }
    </style>
    <script>
        window.onload =function( ){
            var tabBox = document.getElementById("tabBox");
            var tabBtn = tabBox.getElementsByTagName("input");
            var tabDiv = tabBox.getElementsByTagName("div");
            for(var i = 0;i<tabBtn.length;i++){
                //给每个btn添加点击事件
                tabBtn[i].index =i;
                tabBtn[i].onclick = function( ){
                    for(var j=0;j<tabBtn.length;j++)(
                        tabBtn[j].className ="";
                    tabDiv[j].style.display = "none";
                }
                this.className = "active";
                tabDiv[this.index].style.display = "block";
            }
        }
    </script>
</head>
<body>
<div id="tabBox">
    <input type="button" value="web" class="active">
    <input type="button" value="Java">
    <input type="button" value="Python">
    <div style="display: block;">React、Vue</div>
    <div>SpringBoot、SpringMVC</div>
    <div>Flash、 Django</div>
</div>
</body>

老师这段代码不能达到点btn切换的效果

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

这里fn是什么

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

为什么这里全部执行完成才打印而不是执行一次打印一次呢，这里没太听明白老师

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

为什么这样打印出的result是四个函数，不是执行后的数组呢

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

瀑布流布局.rar

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

微信截图_20211227180256.png

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

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

    function mySort(arr){
        for (var i = 0; i< arr.length - 1; i++){
            for (var j=0;j<arr.length;j++){
                if (arr[j] > arr[j+1]){
                    var temp=arr[j];
                    arr[j]= arr[j+1];
                    arr[j+1]=temp;
                }
            }
        }
        return arr;
    }([123,4,125,2,63,6,3457]);
    var result= mySort(arr);
    console.log(result);

这样为什么不对呢老师，显示arr is not defined

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

为什么要给resultStr赋一个为空的字符串值呢

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

这里为什么要用字符串拼接啊，那第一行不就8个空格了吗

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

case后面的表达式不可以用且或非逻辑运算符吗？为什么

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

老师原型的本身是类？？

<!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>
</head>
<body>
    <script>
        /*            
          描述：原型prototype是js为函数提供的一个对象型属性
              说明：向原型中添加的方法和属性能能够被类的对象共同拥有
               本质：原型的存在是给类的对象添加公有属性
              当访问的属性没有在类的对象中没找到，到Car的原型找
              作用：节约内存空间，让类的对象享有这个属性



              原型的属性
              1.constructor  构造器  指向类的本身
              2._proto_   指向原型本身，提供给本类创建的对象使用
        */
        function Car(){}
        Car.prototype.lun1="左前轮";
        var car1=new Car();
        console.log(car1.lun1);

        function People(hobby){
            //私有属性
            var secret='梦';
           
            // 特权函数,利用闭包实现；读取私有属性
            this.getSecret=function(){
                return secret
            }
            // 公共属性，每个类得对象共同拥有，但属性值不一样；
            this.hobby=hobby;
        }
        //每个类的对象共有的属性，且属性值一样，放在原型上，节省内存空间
        People.prototype.eyes=2
        function CarOne(){

        }
        console.log(CarOne.prototype);
        var CarOne1=new CarOne();
        console.log(CarOne1.__proto__);

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

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

老师这报的是啥错误，还有这句是啥意思

eve.target.contentWindow.name

<!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>
</head>
<body>
    <button>跨域获取</button>
    <script>
        /* Window.name 属性可以在不同的页面（或者不同域名）加载后依旧存在，并且可以支持非常长的name值
        ，跨域传输
        */
    var btn=document.querySelector('button');
    btn.onclick=function(){
        var iframe=document.createElement('iframe');
        iframe.src='page.html';//保存加载了保存了信息的页面
        iframe.style.display='none';
        document.body.append(iframe);
        // 当加载完成Iframe 表示可以使用page的window.name信息
        iframe.onload=function(eve){
            var IframWindownName=eve.target.contentWindow.name;
            eval(IframWindownName);//解析page的winodw.name内容，
            console.log(num);
        }
    }
    </script>
</body>
</html>

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

var str='0123456789ABCDEFGabcdefg'
    var num=Math.floor(Math.random()*3+3);
    var newStr='';
    var len=str.length
    for( var i=0; i<num; i++){
       newStr+=str.charAt(Math.floor(Math.random())*len)
    }
    console.log(newStr);

老师这个随机数没有生效，为什么啊

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

同学您好