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

JAVA 全系列

Python 全系列

Python入门

Python 深入与提高

Hadoop 分布式文件系统：HDFS（扩展）

Hadoop 分布式计算框架：Mapreduce（扩展）

AIGC人工智能工具全能班

Stable Diffusion（自选模型）AI绘图

大模型全系列

【AI科普】深入浅出人工智能

【AI理论】提示词工程：高效对话与优化技巧

【职场AI】AI在职场中的高效应用场景

【办公AI】DeepSeek接入办公工具实战

【Python入门】零基础快速掌握Python编程

【Java入门】从零开始学Java：基础到实践

【企业实战】如何在项目中集成智能聊天机器人

【AI社交】在微信中接入DeepSeek打造AI女友

【大模型框架】LangChain 与基于RAG构建医疗问答系统

【AI助手与数据可视化】Assistants 与 Streamlit

【大模型本地部署与微调】训练属于你的Deepseek

【编程探秘】解锁AI智能编程工具奥秘

【图像绘图】走进Midjourney图像AI绘图世界

【模绘解析】洞悉Stable Diffusion（自选模型）AI绘图原理

大厂算法特训班

C++特训班

鸿蒙应用开发

大数据全系列

Hadoop 分布式计算MapReduce和资源管理Yarn

人工智能

人工智能基础-Python科学计算和可视化

深度学习-目标检测YOLO(V8正在更新中)实战

微服务

SpringBoot与MybatisPlus

Spring Cloud Alibaba技术栈

租房网（Spring Cloud最新架构）

软件测试全系列

Java编程基础和Java Web开发基础

7u职场软实力

毕设项目

软考中级

软考初级

ROS2机器人开发

计算机考研408

百战万词考研英语

考研英语7000词汇精讲1（1-1000）

考研英语7000词汇精讲2（1000-2000）

考研英语7000词汇精讲3（2000-3000）

考研英语7000词汇精讲4（3000-4000）

考研英语7000词汇精讲5（4000-5000）

考研英语7000词汇精讲6（5000-6000）

考研英语7000词汇精讲7（6000以上）

英文原版报刊选题：《经济学人》选题

英文原版报刊选题：《纽约时报》选题

英文原版报刊选题：《自然nature》选题

英文原版报刊选题：《时代周刊times》选题

英文原版教材：《柏拉图：理想国，西方哲学源头》

考研英语

考研政治

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

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

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

时间排序推荐排序

var ua = navigator.userAgent.toLowerCase();

3if (ua.indexOf("mobi") > -1) {

4  // 手机浏览器

5} else {

6  // 非手机浏览器

老师,,为什么这里要写大于-1

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

11分6秒时发生了什么，打印最小值为什么是20？？？不是10？？？

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

var search = document.getElementById("search");

search.addEventListener("keydown",function(){

console.log("按下了:keydown");

})

search.addEventListener("keypress",function(){

console.log("按下了keypress");

})

search.addEventListener("keyup",function(){

console.log("按下了:keyup");

})

控制台上没有触发keypress是怎么回事呀

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

<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编程模块/面向对象编程 364楼

产生回流的场景如下：

优化技巧如下

这两个地方感觉有冲突。动画使用absolute定位或fixed定位，不是也产生回流了么？

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

为什么获取不到呢

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

为什么会报错？

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

优化技巧中的缓存dom信息，讲的比较粗，能详细讲一下么

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>解决浏览器事件绑定兼容性问题</title>
    <style>
        .div1 {
            width: 200px;
            height: 200px;
            background-color: paleturquoise;
        }
        .div2 {
            margin: 25px auto;
            width: 100px;
            height: 100px;
            background-color: orange;
        }
    </style>
</head>
<body>
    <div class="div1">div1
        <div class="div2">div2</div>
    </div>
<script>
    var div1=document.querySelector('.div1');
    var div2=document.querySelector('.div2');

    function func () {
        console.log('这是div');
    }
    // function func2 () {
    //     console.log('IE里的div');
    // }

    var cleanBug={
        add:function (ele,type,func) {
                if (ele.addEventListener) {
                    ele.addEventListener(type,func);
                }else {
                    ele.attachEvent('on'+type,func);
                }
            },
        remove:function (ele,type,func) {
                    if (ele.removeEventListener) {
                        ele.removeEventListener(type,func);
                    }else {
                        ele.detachEvent('on'+type,func);
                    }
                }    
            }

    cleanBug.add(div1,'click',func);
    // (div2,'click',func);
</script>    
</body>
</html>

老师，我问两个问题：

1、如果两个div是嵌套关系，我给外面的div敲击事件，里面的div点击它也会产生敲击事件？

2、我想给div1和div2各一个敲击事件且让他们打印的值不一样，代码该怎么修改？

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

str[num]这个知识点老师没有讲

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

老师没有明白（循环变量pro表示的是对象的属性名）这句话，

而且课程中的18分51秒的时候，感觉老师没有说完，就感觉一下子就跳了过去

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

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

<body>
<div style="width: 200px;height: 200px;background-color: pink"></div>
<script>
  var div=  document.querySelector('div');
  var temp=div.addEventListener;
  function  show(){console.log("这是一个div执行函数");}
  div.addEventListener('click',show,true);
  console.log(temp);

  /*var temp=  div.addEventListener('click', function () {
        console.log("这是函数");
    });
  console.log(temp);*/
    var superEvent={
      add: function  (ele,type,func){
        if( ele.addEventListener){
            ele.addEventListener(type,func);
        }else{
            ele.attachEvent('on'+type,func);
        }
       },
    remove:function  (ele,type,func){
        if(ele.removeEventListener){
            ele.removeEventListener();
        }else{

        }
    }
  }
  function  show(){console.log("这是一个div执行函数");}
   superEvent.add(div,'click',show);
</script>
</body>

div.addEventListener;调用这个属性有什么作用。我运行后显示它是一个函数，所以他怎么在if语句中判断true还是false

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

18分46秒的时候这里卡了一下对于中括号和点运算符在这个for in当中的区别没说明白想问下老师为什么要用中括号

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

这里的this指的是谁

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

同学您好