会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132413个问题
JAVA 全系列/第十八阶段:亿级高并发电商项目_架构/编码(旧)/电商:使用RabbitMQ实现大广告异步缓存 18346楼
JAVA 全系列/第五阶段:JavaWeb开发/Web实战案例 18347楼
Python 全系列/第十二阶段:Python_Django3框架/Django高级 18351楼
Python 全系列/第二十二阶段:数据分析软件/数据可视化Tableau 18352楼

 var arr =[21,21,44,54,89,123,77,77];
        var arr1 =[21,21,44,54,89,123,77,77];
        var arr2 =[21,21,44,54,89,123,77,77];

        //1.splice方法删除
        function unique(arr){
            var len=arr.length;
            for(var i=0;i<len;i++){
                for(var j=i+1;j<len;j++){
                    if(arr[i]==arr[j]){
                            arr.splice(j,1);
                            j--;
                            len--;//减少循环次数
                    }
                }
            }
            return arr;
        }
        unique(arr);
        console.log("splice去重后的数组:"+arr);
        
        //2.indexOf方法(不存在的push到新数组中)
        function unique1(arr){
            var resultArr=[];
            for(var i=0;i<arr.length;i++){
                if(resultArr.indexOf(arr[i])==-1){
                    resultArr.push(arr[i]);
                }
            }
            return resultArr;
        }
        unique1(arr1);
        console.log("indexOf方法去重后的数组:"+arr1);

如果直接console.log(unique1(arr1))结果是对的,可我这么写,第一个方法出来结果是对的,第二个为什么还是原数组呢,不知道哪里出问题了

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

老师,pc端响应式布局和原来不一样,请问是怎么回事?

image.png


源码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>米课</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="images/favicon.ico">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/mike.css">
</head>
<body>
<!--导航开始-->
<div class="nav">
    <div class="wrap">
        <div class="logo"></div>
        <div class="search">
            <form action="">
                <input type="text" placeholder="查找课程..." class="text-input">
                <button class="iconfont">&#xe64d;</button>
            </form>
        </div>
        <div class="nav-bar">
            <ul>
                <li><a href="#" class="nav-bar-active">首页</a></li>
                <li><a href="#">课程</a></li>
                <li><a href="#">公告</a></li>
                <li><a href="#">登录</a></li>
            </ul>
        </div>
    </div>
</div>
<!--导航结束-->
</body>
</html>

css样式

/*导航开始样式*/
.nav{
    width: 100%;
    height: 66px;
    background-color: #88c5e1;
    border-bottom: 5px solid #54abd4;
    position: fixed;
    top: 0;
    left: 0;
}
.wrap{
    width: 87%;
    height: 66px;
    margin: 0 auto;
}
.logo,.search,.nav-bar{
    height: 66px;
    float: left;
}
.text-input{
    width: 100%;
    height: 40px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    margin-top: 13px;
    border-radius: 2px;
    outline: none;
    padding-left: 10px;
}
.search button{
    width: 40px;
    height: 34px;
    background-color: #f5f5f5;
    position: absolute;
    right: 2px;
    top: 16px;
    color: #54abd4;
    font-weight: 900;
}
.text-input:hover{
    background-color: #ffffff;
    border-color: #54abd4;
}

.nav-bar>ul{
    float: right;
}
.nav-bar li{
    float: left;
}
.nav-bar a{
    color: #ffffff;
    padding: 10px;
    display: block;
    margin-left: 8px;
    margin-top: 12.5px;
}
.nav-bar-active{
    border-bottom: 2px solid #ffffff;
}
.nav-bar a:hover{
    border-bottom: 2px solid #ffffff;
}
/*导航开始结束*/
/*移动端开始*/
@media screen and(max-width: 768px) {
    
}
/*移动端结束*/
/*ipad开始*/
@media screen and(max-width: 992px) and(min-width: 768px) {

}
/*ipad结束*/
/*pc端开始*/
@media screen and(min-width: 992px) {
    .logo{
        width: 25%;
        background: url("../images/Brand.png") no-repeat left;
        background-size: 183px;
    }
    .search{
        width: 40%;
        position: relative;
    }
    .nav-bar{
        width: 35%;
    }
}


WEB前端全系列/第一阶段:HTML5+CSS3模块/商城官网项目 18354楼
JAVA 全系列/第一阶段:JAVA 快速入门/IDEA的使用和第一个java项目 18356楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/表单 18357楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/数据结构 18358楼
Python 全系列/第一阶段:Python入门/控制语句 18359楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637