vue 怎么接入视频监控

转载

信息小飞侠 2025-01-06 15:17:07

文章标签 vue 怎么接入视频监控面试前端 javascript ViewUI 文章分类 运维

一、X安X房，一面挂

1.(html) 列举行内元素跟块元素？

块元素：div、p、h1-h6、ul、ol、table、form等
行内元素：span、a、br、img、i、b、strong、select等

2.(css) 如何实现多列等高布局？

利用padding补偿。

<body>
    <div class="container">
        <div class="left">left</div>
        <div class="right">
            right<br>
            right<br>
            right<br>
            right<br>
            right<br>
            right<br>
            right
        </div>
   </div>
</body>

<style>
        body{
            padding: 0;
            margin: 0;
            color: #fff;
        }
        .container{
            margin: 0 auto;
            width:600px;
            border: 3px solid #ccc;
            overflow: hidden;   /*important*/
        }
        .left{
            float: left;
            width: 200px;
            background-color: coral;
            padding-bottom: 2000px;  
            /*在进行具体操作的时候，padding-bottom的值大小取决于你的项目的实际情况，如果不确定，设大一点也无所谓。*/
            margin-bottom: -2000px;
        }
        .right{
            float: right;
            width: 400px;
            background-color: pink;
            padding-bottom: 2000px;
            margin-bottom: -2000px;
        }
    </style>

效果如下图：

vue 怎么接入视频监控_ViewUI

3.(css3) 新特性？用css3画一个三角形？

三角形：

<div class="triangle"></div>

<style>
        .triangle{
            width: 0;
            height:0;
            border-top: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-bottom: 40px solid #f00
        }
    </style>

如图：

vue 怎么接入视频监控_vue 怎么接入视频监控_02

4.(js) onload跟ready的区别？

window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。

5.(es6) const、let的区别？

6.(ajax) 缓存问题？

ajax在发送的数据请求成功后，会把请求的url和返回的结果保存在缓存内。当下一次调用ajax发送相同的请求时（两次url完全相同，包括参数），他会直接从缓存中把数据取出来，这个时候浏览器不会与服务器交互。这是为了提高页面的响应速度和用户体验，同时节省网络通信资源。但是当后台数据发生变化时，页面缓存没有改变，仍然简单的从缓存中获取数据，这个时候就会出现问题。
解决方法如下：

ajax发送请求前加上xmlHttpRequest.setRequestHeader(“Cache-Control”,”no-cache”);
ajax发送请求前加上 xmlHttpRequest.setRequestHeader(“If-Modified-Since”,”0″);
ajax的URL参数后加上 "?fresh=" + Math.random()或者“？timestamp=" + new Date().getTime(); //添加个参数

7.列举性能优化？

8.(用过angular)了解vue吗？生命周期钩子？属性跟方法？

9.(用过amchart)了解echart吗？

10.(用过ionic开发手机app)项目中如何分工？如何调用手机如摄像头、相册之类？

二、X银X服，笔试+做项目+电话面试+部门主管非技术，通过。

1.清除浮动的方法

2.如何精确判断变量的类型

3.new跟apply的区别

4.关于事件冒泡

5.前端性能优化方案

6.new操作符具体干了些什么

7什么是js的原型

三、XX保险，笔试+现场面试，通过。入职了。

题量超级大，做了50分钟，笔试完面试也问了很多问题，不想回忆了...

1.css盒模型

2.css哪些选择器？css3新增了哪些伪类选择器？css选择器优先级？css中哪些样式可以继承？浏览器对css3的兼容性？

3.HTML5和css3新增哪些功能？HTML5移除哪些标签元素？浏览器兼容性？HTML和HTML5如何区分？

4.浏览器内核？兼容性问题？

5.品字布局如何开发？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        html,body{
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
        }
        .container{
            width: 100%;
            height: 100%;
            overflow: hidden;
            background: red;
        }
        .top{
            width: inherit;
            height: 50%;
            background: pink;
        }
        .bottom-left{
            width: 50%;
            height: 50%;
            left: 0;
            top: 50%;
            position: absolute;
            background: hotpink;
        }
        .bottom-right{
            width: 50%;
            height: 50%;
            left: 50%;
            top: 50%;
            position: absolute;
            background: deeppink;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="top"></div>
        <div class="bottom-left"></div>
        <div class="bottom-right"></div>
    </div>
</body>
</html>

vue 怎么接入视频监控_面试_03