有效沟通问答-【官方】尚新途_IT在线教育培训机构

施文涛•2019-12-25 23:56:10

求助：老师，为什么我打印出来第一个是undefined，第二个虽然也是undefined，但是展开从里边的prototype是能够找到2的。。

<script>
    function People(name,ability,eyesNum){
        this.name = name;
        this.ability = ability;
        var secret = '我爱你';
        this.getSecret = function(){
            console.log(secret);
        };
        this.eyesNum = eyesNum;
    }
    People.prototype.eyesNum = 2;
    var shiwentao = new People('施文涛',function(){
        console.log('脱发');
    });
    var huojinxing = new People('霍金星',function(){
        console.log('cute');
    });
    console.log(shiwentao.eyesNum);
    console.log(huojinxing);
</script>

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

喵喵喵•2019-12-08 19:53:52

$Z_59HWWVMI6F1IZJQI{6803.png$

照老师所讲的方法做，还是不行怎么搞。端口号8080,8083试了两个都还是报错

相关课程：WEB前端全系列/第五阶段：前后端交互/PHP、数据库编程与设计

ljx•2019-12-02 08:32:42

老师好，请问现在在实际工作中swiper插件使用的多吗？

相关课程：WEB前端全系列/第六阶段：音乐社区高级项目模块/移动端：基于jQuery使用Ajax和BootStrap

喵喵喵•2019-11-29 13:19:21

$[@])@E_I@A0CJ(0~54M3O{0.png$

问题：第一个alert(bb);不能使用var bb='1111111'; 这个bb 的声明吗，这不是全局变量吗，不就是都能用，老师的视频讲解，如果把函数上面的var bb='1111111';去掉，我才能理解，并认为合理。

为何在这个题目中又使用 var test =‘1111’;的声明了？？

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

喵喵喵•2019-11-29 12:20:54

<script>
			function info(){
				console.log('我是XXX');
				console.log('我会唱歌');
				function func(){
					console.log('开始表演');
				}
				return func;
			}
			var  r=info();
			r();
		</script>

问题1：我不太懂返回值，renturn返回给调用者，返回到哪里呀，就是说我怎么知道他返回了，然后return这句话的意义是什么。

问题2 ：

var  r=info();
r();

是把上面的函数又重新写成另一个函数r(); 我可以这样理解吗？但是不懂原理

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

喵喵喵•2019-11-29 10:01:57

$UY}4{CKR@KY@P~T~_ITK1GA.png$

问题一：obj[document]='sxt';中document为什么不加单引号。

问题二：第二张图正常的键值对不就是划线的那个吗，怎么还就错了，后面未划线的那个对在哪里

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

史生杰•2019-11-27 23:27:29

老师高版本的jQuery如何实现toggle（）效果。。

相关课程：WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础知识（旧）

喵喵喵•2019-11-22 21:21:45

<body>
		<button id="but" name="but2">点我<tton>
		<script>
		var but=document.querySelector('button');
		but.onclick=function(){
			var newBut=but.cloneNode();
			document.body.appendChild(newBut);
		}
		</script>

$EI5D`R2_HO[0TK{3NX2QWIN.png$

我的问题：1、为什么我的代码没有被克隆

我的问题：2、我运行了两次为啥会有多了两个script

相关课程：WEB前端全系列/第二阶段：JavaScript编程模块/DOM模型

史生杰•2019-11-06 21:46:58

老师为什么$（document）和$(this)不加引号？

相关课程：WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础知识（旧）

史生杰•2019-10-30 23:50:18

var 声明的变量没有地址值吗？

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

陌尘•2019-10-11 14:37:22

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .container{
            width: 850px;
            height: 200px;
            background-color: #FF8500;
            margin: 200px auto;
        }
        .top{
            width: 850px;
            height: 50px;
            background-color: #9a6e3a;
        }
        .bottom{
            width: 850px;
            height: 150px;
            background-color: #6F6D6D;
            line-height: 150px;
            text-align: center;
        }
        ul{
            list-style: none;
            width: 800px;
            height: 50px;
            float: left;
        }
        .top li{
            width: 100px;
            height: 50px;
            float: left;
            color: #FFFFFF;
            line-height: 50px;
            text-align: center;
            font-size: 14px;
            border-right: 1px solid #4182FA;
            box-sizing: border-box;
            position: relative;
        }
        p{
            width: 50px;
            height: 50px;
            background-color:#FF8500;
            float: right;
            font-size: 20px;
            text-align: center;
            line-height: 50px;
            color: #FFFFFF;
            font-weight: 700;
        }
        .context li:nth-child(2){
            display: none;
        }
        .context li:nth-child(3){
            display: none;
        }
        .top li span{
            position: absolute;
            right: 0;
            top: 0;
            background-color:black;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
        }
    </style>
</head>
<body>
    <div>
        <div>
            <ul>
                <li>测试1<span>x</span></li>
                <li>测试2<span>x</span></li>
                <li>测试3<span>x</span></li>
            </ul>
            <p>+</p>
        </div>
        <div>
            <ul>
                <li>hello ~~测试1的内容</li>
                <li>hello ~~测试2的内容</li>
                <li>hello ~~测试3的内容</li>
            </ul>
        </div>
    </div>
    <script>
        var that;
        class Tab{
            //实现tab栏的增查删改的功能
            constructor(){
                //获取元素
                this.container = document.querySelector(".container");
                this.lisTab = this.container.querySelector(".top").querySelectorAll("li"); //tab栏里面li
                this.lisContext = this.container.querySelector(".context").querySelectorAll("li"); //内容里面的li
                this.addBtn = this.container.querySelector("p");
                this.topUl = this.container.querySelector(".top").querySelector("ul"); //获取top下的ul
                that = this;
                this.init()

            }
            //初始化方法给每个li添加绑定事件并设置自定义属性
            init(){
                   for(var i = 0; i < this.lisTab.length; i++){
                        this.lisTab[i].setAttribute("data-index",i);
                        this.lisTab[i].onclick = this.toggle;
                }
                   //给添加按钮绑定事件
                    this.addBtn.onclick = this.add;
            }
            //1.切换功能
            toggle(){
                for(var j = 0; j < that.lisTab.length;j++){
                    that.lisTab[j].style.backgroundColor = "#9a6e3a";
                    that.lisContext[j].style.display = "none"
                }
                this.style.backgroundColor = "#4182FA"; //设置当前的这个li的背景
                //这里不能使用this.lisContext因为函数里面的this指向调用者这里的this指向被点击li
                that.lisContext[this.getAttribute("data-index")].style.display = "block";
            }
            //2.添加tab栏
            add(){
                var li = document.createElement("li");
                that.topUl.appendChild(li);
                li.innerHTML = "测试" + that.lisTab.length
                //appendChild(li)添加元素后元素的长度不会发生改变
            }
            //3.删除
            remove(){}
            //4.修改
            modify(){}
        }
        new Tab(); //实例化一个tab对象
    </script>
</body>
</html>

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

陌尘•2019-10-11 14:21:49

<!DOCTYPE html>

<html>

<head>

<title>Title</title>

<style>

*{

margin: 0;

padding: 0;

}

.container{

width: 850px;

height: 200px;

background-color: #FF8500;

margin: 200px auto;

}

.top{

width: 850px;

height: 50px;

background-color: #9a6e3a;

}

.bottom{

width: 850px;

height: 150px;

background-color: #6F6D6D;

line-height: 150px;

text-align: center;

}

ul{

list-style: none;

width: 800px;

height: 50px;

float: left;

}

.top li{

width: 100px;

height: 50px;

float: left;

color: #FFFFFF;

line-height: 50px;

text-align: center;

font-size: 14px;

border-right: 1px solid #4182FA;

box-sizing: border-box;

position: relative;

}

p{

width: 50px;

height: 50px;

background-color:#FF8500;

float: right;

font-size: 20px;

text-align: center;

line-height: 50px;

color: #FFFFFF;

font-weight: 700;

}

.context li:nth-child(2){

display: none;

}

.context li:nth-child(3){

display: none;

}

.top li span{

position: absolute;

right: 0;

top: 0;

background-color:black;

width: 20px;

height: 20px;

line-height: 20px;

text-align: center;

}

</style>

</head>

<body>

<div>

<ul>

</ul>

</div>

<div>

<ul>

<li>hello ~~测试1的内容</li>

<li>hello ~~测试2的内容</li>

<li>hello ~~测试3的内容</li>

</ul>

</div>

var that;

class Tab{

//实现tab栏的增查删改的功能

constructor(){

//获取元素

this.container = document.querySelector(".container");

this.lisTab = this.container.querySelector(".top").querySelectorAll("li"); //tab栏里面li

this.lisContext = this.container.querySelector(".context").querySelectorAll("li"); //内容里面的li

this.addBtn = this.container.querySelector("p");

this.topUl = this.container.querySelector(".top").querySelector("ul"); //获取top下的ul

that = this;

this.init()

}

//初始化方法给每个li添加绑定事件并设置自定义属性

init(){

for(var i = 0; i < this.lisTab.length; i++){

this.lisTab[i].setAttribute("data-index",i);

this.lisTab[i].onclick = this.toggle;

}

//给添加按钮绑定事件

this.addBtn.onclick = this.add;

}

//1.切换功能

toggle(){

for(var j = 0; j < that.lisTab.length;j++){

that.lisTab[j].style.backgroundColor = "#9a6e3a";

that.lisContext[j].style.display = "none"

}

this.style.backgroundColor = "#4182FA"; //设置当前的这个li的背景

//这里不能使用this.lisContext因为函数里面的this指向调用者这里的this指向被点击li

that.lisContext[this.getAttribute("data-index")].style.display = "block";

}

//2.添加tab栏

add(){

var li = document.createElement("li");

that.topUl.appendChild(li);

li.innerHTML = "测试" + that.lisTab.length

}

//3.删除

remove(){}

//4.修改

modify(){}

}

new Tab(); //实例化一个tab对象

</script>

</body>

</html>

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

胡晓磊•2019-09-23 19:54:56

=;
=;
=;
=;
=.(,,,,,);
.();

这么做符合规定吗？可以这么做吗？

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

LISFYUNA•2019-09-19 11:26:48

请问每屏的四个li是怎么样创建出来的,还有数据库里的数据是要有12条吗，然后分屏

相关课程：WEB前端全系列/第六阶段：音乐社区高级项目模块/移动端：基于jQuery使用Ajax和BootStrap

陌尘•2019-09-12 16:19:28

复杂数据类型的值存放在堆中，栈中存放的是指向堆中的地址，复杂数据类型的传参，是将地址复制给变量一份，因此指向的都是同一块堆空间，对吧

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

会员可以在此提问，尚新途老师有问必答

同学您好