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

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

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

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

chrome浏览器插件下载，视频说的两种方法都不行怎么办，下载下来解压的过程就出错了，根本用不了

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

老师，这里是因为这个函数为监听事件，决定了这个是事件捕获吗？除了这个自下而上的效果上区分，还可以怎么区分哪些算是事件捕获，哪些算是冒泡事件。

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document节点属性</title>
</head>
<body>
    <script>
        /*
        
        */
        console.log(document.doctype);
        console.log(document.documentElement);
        console.log(document);
    </script>
</body>
</html>

老师，下面那三行是什么意思呢？（代码没有问题）

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>封装和公私有</title>
</head>
<body>
<script>
    /*
    封装
    描述:封装是指构造具有某种特征的类，以通过对其进行实例化，来获得满足
        需求的对象的过程
    特征：
      公有：对象中属性和方法，在对象外部能够直接访问，这样的属性和方法就
            称为公有的属性和方法
      私有：对象中属性和方法，仅在对象内部使用，这样的属性和方法就
            称为私有的属性和方法
      实现：
        通过在构造函数中，(this.属性)的方法为类添加公有的属性和方法
            this.属性添加的内容在对象的外部能够直接被访问
        通过在构造函数中，(添加局部变量和闭包)的方式为类添加私有的属性和方法
            局部变量保证了对象外部无法直接获取
            闭包保证了对象外部可以间接获取
      特权函数：
        在js对象中能够用来访问内部局部变量的函数
        使用特权来模拟私有的赋值调用过程
        例子：
    function People(pname,pability) {
        //公有的属性和方法
        this.pname=pname;
        this.ability=pability;
        //js局部变量来模拟私有属性和方法
        var secret='梦';
    }
    var beixi=new People('贾先生',function () {
        console.log('敲代码');
    });
    console.log(beixi.pname);
    beixi.pability();
    //私有的属性和方法不能在对象之外直接访问
    //console.log(beixi.secret);
    beixi.getSecret();

     */
    function People(pname,pability,eyesNum) {
        //公有的属性和方法
        this.pname=pname;
        this.ability=pability;
        //js局部变量来模拟私有属性和方法
        var secret='梦';
        //特权函数
        this.getSecret=function () {
            console.log(secret);
        }

        this.eyesNum=eyesNum;
    }
    //prototype原型：为了解决js模拟面向对象时，一些（共同拥有的属性值）
        //而出现的解决方法
    People.prototype.eyesNum=2;
    People.prototype.breahte=function(){
        console.log('呼吸');
    }
    var beixi=new People('贾先生',function () {
        console.log('敲代码');
    });
    var liushishi=new People('刘诗诗',function () {
        console.log('卖萌');
    });
    //公有的属性和方法能够在对象之外直接访问
    console.log(beixi.pname);
    beixi.pability();
    //私有的属性和方法不能在对象之外直接访问
    //console.log(beixi.secret);
    beixi.getSecret();
    console.log(beixi.eyesNum);
    console.log(liushishi.eyesNum);
    beixi.breahte();
    liushishi.breahte();
</script>
</body>
</html>

老师，我这个

beixi.pability();
    //私有的属性和方法不能在对象之外直接访问

这一个地方在浏览器报错了，后面出不来了

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document节点属性</title>
</head>
<body>
    <script>
        /*
        console.log(document.doctype);
        console.log(document.documentElement);
        console.log(document);
        二、返回文档的固有属性
        1.document.documentURL
        console.log(document.documentURI);
        2.URL
        注意：本属性是只读(无法修改内容)
        document.URL='http://www.baidu.com';//无效
        console.log(document.URL);
        3.domain
        */
        console.log(document.domain);
    </script>
</body>
</html>

老师，为什么出来是这样的呢？

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

<!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>
</head>
<body>
    <p>
        <span>密码:</span>
        <input type="password">
        <span class="showSpan">大写锁定已关闭</span>
    </p>
    <script>
        var input = document.querySelector('input');
        var showSpan = document.querySeletor('.showSpan');
        var flag=false;//表当前是关闭状态
        input.onkeydown = function(){
            if(event.keyCode==20){
                if(flag=false){
                    flag=true;//改变flag的状态，保证与capslock状态一致
                    showSpan.innerHTML = '大写锁定已打开';
                }else{
                    flag=false;
                    showSpan.innerHTML = '大写锁定已关闭';
                }
            }
        }
    </script>
</body>
</html>

老师不论点击Capslock键几次 input框后面span内容一直都是大写锁定已关闭不会切换为大写锁定已打开

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

为什么一行图片不是六个 图片还堆叠

function waterflow(){

let parentcontainer = document.getElementById("container")

// uoyouziyuansu

let allchild = document.getElementsByClassName("box")

var screenWidth = document.documentElement.clientWidth;

var childWidth = allchild[0].offsetWidth;

var rowsNum = Math.max(Math.floor(screenWidth / childWidth) - 1, 1);

parentcontainer.style.cssText = "width:"+childWidth*rowsNum+"px;margin:0 auto"

getmin(allchild,rowsNum)

}

waterflow()

function getmin(allchild,rowsNum){

let colsheight = []

for (let i = 0;i <allchild.length;i++){

if(i<rowsNum){

colsheight[i] = allchild[i].offsetHeight;

}else{

let minheightofcols = Math.min.apply(null,colsheight)

let minheightofindex = colsheight.indexOf(minheightofcols)

allchild[i].style.position="absolute"

allchild[i].style.top = minheightofcols+'px'

allchild[i].style.left = allchild[minheightofindex].offsetLeft + "px";

colsheight[minheightofindex] = colsheight[minheightofindex] + allchild[i].offsetHeight;

}

// console.log(colsheight);

window.addEventListener("resize", waterflow);

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

var username = "sxt"
        var user = {
            username:"itbaizhan"
            getName:function(){
                console.log(username);
                console.log(this.username);
            }
        }
        user.getName();

老师帮我看一下我这得getName为什么在vscode中报错而视频中老师也是怎么写，就没有问题，是什么情况呢

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

老师好，为什么使用 mousedown事件才能通过 getSelection()获取选中内容，而使用 click或者 mouseup事件的返回值都是空字符串？想不通。。。

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

在讲键名的时候，老师如果是数字开头的键名要用引号

后面讲中括号和点运算符又举了下面例子，感觉前后矛盾。

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

这个要拿到1,4,9不用闭包也可以啊为什么一定要用闭包呢，闭包有什么有点吗，比如我直接写成下面这样，和用闭包的相比较有什么缺点吗？

function count() {

var arr = [];

for (var i = 1; i < 4; i++) {

function x() {

var n = i * i;

return n;

}

arr.push(x());

}

console.log(arr);

}

count();

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

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

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

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

这是父子关系吗？我没看懂不是原对象跟继承对象的关系吗？是用原型链调用的 Person里面的属性的吗？

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

<script>
    /*var i=1;
    //死循环；
    while (i<=100){
        document.write(i);
    }*/
    var i=1;
    while (i<=100){
        document.write(i+"<br/>");
        //i=i+1;
        //i+=1;
        i++;
    }
</script>

这种应该是可以的吧

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button>跨域传输</button>
<script>
  var but=document.querySelector('button');
  //加载另一个页面，需要借助之前学的框架
  but.onclick=function () {
      var iframe=document.createElement('iframe');//创建一个框架
      iframe.src='page.html';//加载保存信息的页面
      iframe.style.display='none';//加载过来了，不能加载出来，要隐藏
      document.body.appendChild(iframe);//把iframe放到body里面
      //当iframe加载完毕，意味着window.name的内容已经赋予完毕
      iframe.onclick=function (eve) {
          var iframeWindowName=eve.target.contentWindow.name;
          //console.log(iframeWindowName);
          eval(iframeWindowName);//将字符串转换为代码执行
          console.log(num);
      }
  }
</script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var num=10;
    window.name=' var num=10;';//可以借助window.name来实现
</script>
</body>
</html>

老师我这个怎么什么也没有呀

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

同学您好