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

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

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

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

时间排序推荐排序

这种直接加//的不懂

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

老师这个match方法不能把信息打印在文档上吗只能输出在控制台吗

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

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

var alt = "";
for (var i = 1;i <= 5;i++){
    var blank = " ";
    for (var j = 1;j <= 5-i;j++){ //空白三角形
        blank+=" ";
    }
    var xing = "";
    for (var m = 1;m <= 2*i-1;m++){
        xing+="*";
    }
    alt+=blank+xing+"</br>";
}
//console.log(alt);
document.write(alt);

老师这段代码在控制台上显示的是等腰三角形，为什么在页面上用document.write为什么不显示空白的三角形，我也用</br>换行了呀，请老师帮我看一下，感谢！

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

17：03分讲解的这个方法好像有问题：

<!DOCTYPE html>

<head>

<title>浏览器页面滚动防抖</title>

<style>

#container {

height: 5000px;

background-color: #f0f0f0;

}

</style>

</head>

<body>

</div>

// 防抖函数

function deBounce(func, wait) {

//使用局部变量保存timer （不污染全局变量）

var timer = null;

return function () {

if (timer) {

clearTimeout(timer);

}

timer = setTimeout(func, wait);

}

// 获取页面滚动高度

function getScrollTop() {

//获取滚动元素

let scrollTop = document.documentElement.scrollTop;

console.log(scrollTop);

}

//错误写法滚动事件触发一次，就生成一个新的防抖函数

window.onscroll = function () {

var result= deBounce(getScrollTop, 1000)();

};

//正确写法只在绑定事件时创建一次防抖函数

// 滚动事件触发时，调用的始终是同一个防抖函数实例

// window.onscroll = deBounce(getScrollTop, 1000);

</script>

</body>

</html>

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

if(a < b && a < c){

console.log("a最小" + a);

}else if(b < c)

{

console.log("b最小" + b);

}else{

console.log("c最小" + c);

}

这些写法可以吗？

else if（）{ }和else { if () }有什么区别？

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自定义右键菜单</title>
    <style>
        *{margin: 0;padding: 0;}
        ul{
            list-style: none;
            background-color: darkgray;
            min-width: 220px;
            display: inline-block;
            position: absolute;
            display: none;
        }
        ul li{
            height: 30px;
            line-height: 30px;
            padding: 5px 20px;
            cursor: pointer;/*光标变小手*/
            transition:0.3s;
        }
        ul li:hover{
            background-color: orange;
            color: white;
        }
    </style>
</head>
<body>
<ul>
    <li>我想你了！</li>
    <li>你真的忍心离开本页面吗？</li>
    <li>去百度搜索页面中选中的内容</li>
    <li>输入内容然后去百度搜索</li>
</ul>
<textarea  cols="80" rows="20"></textarea>
<script>
    var ul=document.querySelector('ul');
    //系统右键菜单禁用事件【contextmenu】
    document.oncontextmenu = function (eve) {
        return false; //return false表示事件禁用
    }
    document.onmouseup=function (eve) {
        //eve.button能够判断鼠标用的是哪个按钮
        //0 左键   1滚轮    2右键
        if (eve.button==2){
            ul.style.display='inline-block';
            //设置鼠标点击的位置
            ul.style.left=eve.clientX+'px';
            ul.style.top=eve.clientY+'px';
        }else {
            //关闭菜单
            ul.style.display='none';
        }
    }
    //点击某一个菜单选项时触发的事件（事件委托）
    ul.onmousedown=function (eve) {
        if (eve.target.innerHTML=='我想你了！'){
            alert('那就去吧，她在北京三区');
        }else if (eve.target.innerHTML=='你真的忍心离开本页面吗！'){
            if (confirm('你真的忍心离开本页面吗！')){
                window.close();
            }
        }else if (eve.target.innerHTML=='去百度搜索页面中选中的内容！'){
            var resukt=document.getSelection().toString();
            window.open('http://www.baidu.com/s?wd='+resukt);
        }else{
            var result=prompt('输入内容然后去百度搜索');
            window.open('http://www.baidu.com/s?wd='+result);
        }
    }
</script>
</body>
</html>

老师，我这个第三个功能实现不了，我也不知道是什么原因？

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

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) 278楼

想问老师，通过for循坏我们可以使字符串用大驼峰命名，例如：

把watches tv——Watches Tv

那在开发场景中我们会不会遇见

把watches tv——WatcHes TV这样的场景呢（把两个单词任中任意的字母变为大写），如果有我们应该用什么样的方法

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

老师我想问一下

如果有2个async的js标签那是谁先下载完成就先执行谁不分顺序，那defer的有2个就是不管谁先下载完成，都是等到下载完成后按照顺序执行？

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

选项视频说c 文档给d 到底哪个对

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

防抖，是利用清除定时器(定时器不清楚的时候判断为真)
节流是利用时间差(第一次valid为ture 以下简称为状态和真，我们做第一次判断，真取反是假，就不执行return，执行下一段代码，状态赋值为假，定时器是延迟执行(也就意味着你出连续滚动时第二次的滚动的时候你第一次的定时器还没触发)，第二次执行的代码就是拿到闭包保存的假状态来做判断，当然，这次的判断就会执行return 而return的作用就会让后面的代码不执行，那我们什么时候执行打印呢，就是我们第一次定时器delay延迟事件到了的时候，打印，并且我们才会把状态赋值为真，这样在下一次执行取反就会回到状态真这样的循环 ( 什么时候循环结束，你不一致滚动滚动条的时候结束 ))

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我要成为像马斯克一样的人!</title>
</head>
<body>
    <script>
        function roll() {
        var docTitle=document.title;
        var titleArr=docTitle.split('');
        titleArr.push(titleArr.shift());
        var newTitle=titleArr.join('');
        document.title=newTitle;
    };
    setInterval ('roll()',500);
    
    </script>
</body>
</html>

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

这个地方换成自己定义的名字后怎么就完成不了？

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

就是c 文档里还给的d 楼下也指明了你们回答的还不改 666

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

如果有2个async的js标签那是谁先下载完成就先执行谁不分顺序，那defer的有2个就是不管谁先下载完成，都是等到下载完成后按照顺序执行？

同学您好