记一次海康威视笔试题小练手

最新推荐文章于 2023-08-31 05:03:20 发布

区泽熙

最新推荐文章于 2023-08-31 05:03:20 发布

阅读量1.5k

点赞数 1

分类专栏：前端笔试文章标签： html css javascript

本文链接：https://blog.csdn.net/ouzexi/article/details/120209402

版权

前端同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

笔试

2 篇文章 0 订阅

订阅专栏

今天老师在群里发了海康威视的校招信息，有点心动，上牛客找到面经看到有3道笔试题，就顺便试试，都是用js写。
在这里插入图片描述
第一题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .box{
        width: 10px;
        height: 10px;
        border: 1px solid red;
        float: left;
        margin: 0 5px;
    }
</style>
<body>
    <div>
        <div class="box"></div>
        <div class="box"></div>
        <div class="box"></div>
        <div class="box"></div>
        <div class="box"></div>
        <span id="span"></span>
    </div>
</body>
<script>
    var arr = document.getElementsByClassName('box');
    var span = document.getElementById('span')
    var background = ''
    for(let i=0;i<arr.length;i++){
        arr[i].onclick = function(){
            if(i<2){
                background = 'gray'
                span.innerText = '不满意'
            }
                
            else if(i<4){
                background = 'yellow'
                span.innerText = '一般'
            }
            else{
                background = 'red'
                span.innerText = '满意'
            }
            for(let x=0;x<=i;x++){
                arr[x].style.background = background
            }
            for(let y=i+1;y<arr.length;y++){
                arr[y].style.background = 'white'
            }
        }
    }
</script>
</html>

在这里插入图片描述
第二题
不知道是不是我理解错误，要用js手写一个Promise，但是我不会，所以我只是new了一个。。。

var myPromise = new Promise((resolve,reject)=>{
        var ran = Math.random();
        console.log(ran);
        if(ran<0.3){
            resolve(ran);
        }
        else{
            reject(ran);
        }
    })

    myPromise.then(function(value){
        console.log(value);
    }).catch(......)

在这里插入图片描述
第三题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
        <input type="text" name="" id="input">
        <p id="text">XXXXXXXX内容区XXXXXXXX</p>
        <button id="btn">搜索</button>
    </div>
</body>
<script>
    var text  = document.getElementById('text');
    var btn = document.getElementById('btn');
    btn.onclick = function(){
        var input = document.getElementById('input').value;
        var start = text.innerText.indexOf(input);
        if(start === -1){
            alert('未找到')
            return;
        }
        //var findStr = text.innerText.substr(start,input.length);
        //var replaceStr = '<span style="color:red;">'+findStr+'</span>';
        var replaceStr = '<span style="color:red;">'+input+'</span>';
        text.innerHTML = text.innerText.replaceAll(input,replaceStr)
    }
</script>
</html>

区泽熙

关注

1
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
记一次海康威视笔试题小练手

今天老师在群里发了海康威视的校招信息，有点心动，上牛客找到面经看到有3道笔试题，就顺便试试，都是用js写。第一题<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt
复制链接

扫一扫