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

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>封装与公私有</title>
</head>
<body>
<script>
    
         function  People(pname,pability){
         this.pname=pname;
         this.pability=pability;
         var secret='梦';
         this.getSecret=function(){//老师问题在这里
         console.log(secret);
         }
         }
         var beixi=new People('贾先生',function(){
         console.log('敲代码');
         });
         console.log(beixi.pname);
         beixi.pability();
         //console.log(beixi.secret);
         beixi.getSecret();
     
  
</script>
</body>
</html>

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

function getstr(length){
            var JHGHGKJ='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz123456789';
            var str='';
            for(var i=0,i<length,i++){
            var yang=Math.floor(Math.random()*JHGHGKJ.length);
            str+=JHGHGKJ.substring(yang,yang+1);
            }
        }
        老师，这是哪里不对吗？

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        }
        
        .zz {
            height: 100%;
            width: 100%;
            display: none;
            position: absolute;
            left: 0;
            top: 0;
            background-color: rgba(0, 0, 0, 0.6);
        }
        
        .box {
            height: 290px;
            width: 700px;
            position: absolute;
            left: 50%;
            display: none;
            top: 50%;
            margin-left: -350px;
            margin-top: -145px;
            box-sizing: border-box;
            background-color: #fff;
        }
        
        .box .move {
            height: 22px;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            cursor: move;
        }
        
        .box h2 {
            height: 56px;
            line-height: 56px;
            text-align: center;
            font-weight: normal;
            font-size: 28px;
        }
        
        table {
            height: 88px;
            width: 480px;
            margin: 10px auto;
            border-collapse: collapse;
        }
        
        tr,
        td {
            font-size: 20px;
        }
        
        table tr td:nth-child(1) {
            text-align: right;
        }
        
        input {
            height: 32px;
            width: 290px;
            padding-left: 5px;
            border: 1px solid #ccc;
        }
        
        p {
            margin-top: 30px;
            text-align: center;
        }
        
        button {
            width: 200px;
            height: 38px;
            background-color: skyblue;
            border: none;
            cursor: pointer;
        }
        
        .close {
            height: 34px;
            width: 34px;
            line-height: 34px;
            text-align: center;
            font-size: 28px;
            border-radius: 50%;
            position: absolute;
            right: -16px;
            top: -16px;
            cursor: pointer;
            border: 1px solid #aaa;
            background-color: #fff;
        }
    </style>
</head>
<body>
    <p class="begin">点我登陆咯！！</p>
    <div class="zz"></div>
    <div class="box">
        <div class="move"></div>
        <h2>登录会员</h2>
        <table>
            <tr>
                <td>用户名：</td>
                <td><input type="text" placeholder="请输入手机号"></td>
            </tr>
            <tr>
                <td>登录密码：</td>
                <td><input type="password" placeholder="请输入密码"></td>
            </tr>
        </table>
        <p><button>登录</button></p>
        <div class="close">×</div>
    </div>
</body>
<script>
    var zz = document.querySelector('.zz');
    var box = document.querySelector('.box');
    var begin = document.querySelector('.begin');
    var close = document.querySelector('.close');
    var move = document.querySelector('.move');
    begin.onclick = function() {
        zz.style.display = "block";
        box.style.display = "block";
    }
    close.addEventListener('click', function() {
        zz.style.display = "none";
        box.style.display = "none";
    });
    move.addEventListener('mousedown', function(e) {
        var x = e.pageX - box.offsetLeft;
        var y = e.pageY - box.offsetTop;
        document.addEventListener('mousemove', move);
        function move(e) {
            box.style.left = e.pageX - x + "px";
            box.style.top = e.pageY - y + "px";
        }
        document.addEventListener('mouseup', function() {
            document.removeEventListener('mousemove', move);
        });
    });
</script>
</html>

老师，我不知道为什么，拖动元素一直计算错误。您帮我瞅瞅。谢谢

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

作业实操：“利用循环写出100以内的奇数和偶数的和”，这句话是说利用循环写出100以内的奇数，以及100以内的偶数的和，还是怎么理解？

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

Desktop.zip

老师，我花了一个小时写了一个模仿技能释放的，能帮我看看有没有什么没有考虑到的吗。

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

老师，search 获取url里面的信息这句话如何理解？

在一个表单中，假设输入一个用户名，提交以后，就可以获取输入用户名的内容

就是说，获取url里面的信息就是输入什么利用search就可以获取什么嘛？

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

clientWidth和offsetWidth区别在哪里呀，请老师讲一下，翻文档也没有说太明白

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

为什么caiyi后面加个括号，直接调用info()，三句话就能全部出现。

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

  //方法一
            var str = '你好，弗兰克！再见，弗兰克！';
                var newStr = str.replace(/[弗][兰][克]/g,'(frank)');
                console.log(newStr);  //你好，(frank)！再见，(frank)！
                
                
            //方法二
            var str1='你好，弗兰克！再见，弗兰克！';
            var newStr = str.replace(/弗兰克/g,'(frank)');
                console.log(newStr);  //你好，(frank)！再见，(frank)！

老师，视频中讲的是方法一，方法一和方法二的输出结果是一模一样的，那么方法二可行吗这种写法？？

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

老师，这样写m.puth(m[0]）,为什么报错呢？

  <script>
    
   	var t=document.title;
   	var m=t.split("");
   	console.log(m);
   	 m.puth(m[0]);
   	console.log(m);
  </script>

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

老师，我这个代码的前两个就报错，不太明白了

	<script>
  var obj={at:s(3,4)};
     function s(a,b) {
     	s=a*b;
     	console.log(s)
     }
     obj.at();
	 </script>
    <script>
 var obj={ name:"peter",age:12,as:eat()}
 function eat() {
  console.log("我要吃饭饭")
 }
 console.log(obj.age);
  obj.as();
  </script>
      <script>
 var obj={ name:"peter",age:12,ab:function eat() {
  console.log("我要吃饭饭")
 }
}
 obj.ab();
 console.log(obj.age);
  </script>

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

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

console.log("i=" +i);

for(var j=1; j<=9; j++) {

console.log("j="+j);

}

为什么外面的每次循环只打印一次里面的for每次要打印9次呀

套的有点蒙,有点没搞懂原理

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>带有提示文字的滚动条</title>
    <style>
        div{
            width: 25px;
            height: 25px;
            border: 1px solid black;
            line-height: 25px;
            text-align: center;
            position: absolute;
            display: none;
        }
    </style>
</head>
<body>
<input type="range" min="0" max="100" value="5">
<div></div>
<script>
    var input=document.querySelector('input');
    var div=document.querySelector('div');
    var flag=false;
    input.onmousemove=function () {
        if (flag==true){
            var left=event.clientX;
            if (left>135){left=135;}
            if (left<14){left=14;}
            div.style.left=left+'px';
            div.innerHTML=input.value;
            div.style.display='black';
        }

    };
    input.onmousedown=function () {
        flag=true;
        div.style.display='none'
    };
    input.onmouseup=function () {
        flag=false;
        div.style.display='none'
    }
</script>
</body>
</html>

老师，怎么拖动的时候下面怎么不出数字？我也赋值了。谢谢老师

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

这个 html文件，js文件，css文件的注释快捷键分别是什么

WEB前端全系列/第二阶段：JavaScript编程模块/JavaScript基础与变量 179楼

老师，我下载的

Doc1.docx

插件没有用是怎么回事啊

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

同学您好