cvte一面凉经

1.手写冒泡排序

 for(var i=1;i<arr.length;i++){
            for(var j=0;j<i;j++){
                if(arr[i]<arr[j]){
                    var temp=arr[i]
                    arr[i]=arr[j]
                    arr[j]=temp;
                }
            }
        }
    for(var i=1;i<arr.length;i++){
            for(var j=0;j<i;j++){
                if(arr[i]<arr[j]){
                  [arr[i],arr[j]]=[arr[j],arr[i]]
                }
            }
        }

2.css实现等边三角形

   <style>
    *{margin:0;padding:0;}
    .box{margin:40px auto;
        width:0;
        height:0;
        border-right:10px solid deeppink;
        border-top:8.5px solid transparent;
        border-bottom: 8.5px solid transparent;
    }
    
    </style>
</head>
<body>

<div class="box"></div>

3.给出一个div,里面有若干个不同的标签,点击不同标签打印标签内容,a标签阻止跳转

<div class="box">
    <a href="/xx">点击</a>
    <span>span</span>
    <p>p</p>
    

</div>

    <script>
      var box=document.getElementsByClassName('box')[0]

      box.onclick=function(e){
          
        if(e.target.nodeName.toLowerCase()=='a'){
            console.log('a')
            e.preventDefault();
            
        }
        if(e.target.nodeName.toLowerCase()=='span'){
            console.log('span')
        }
        if(e.target.nodeName.toLowerCase()=='p'){
            console.log('p')
        }
      }
        
    </script>

4.盒模型(box-sizing)

有三种,标准盒模型(content-box),实际宽度=width(content)+padding+border,ie盒模型(border-box),实际宽度=width=content+padding+border,padding-box,实际宽度=width(content+padding)+border

5.document.cookie

一次只能添加一个键值对,想添加多个就重复设置多个,打印的值和设置的是一样的

6.vue客户端渲染和服务器端渲染各自的优缺点

vue客户端渲染是客户端解析html然后渲染到页面,会出现首屏加载缓慢,有利于前后端分离,减轻服务器的负担

服务器端渲染是在服务器端解析html然后交给客户端渲染,有利于seo优化,首屏加载快,不利于前后端分离,对服务器性能消耗大

7.http强缓存是什么

http通用首部设置cache-control的max-age的值和expires过期时间,客户端在请求资源时会先获取请求的header信息,判断是否命中强缓存,如果命中则返回,此次请求不与服务器通信,如果没命中则看协商缓存,http1.1时如果设置了max-age的值就会忽略掉expires的值,客户端请求时,如果缓存过期时间小于max-age或者expires的话都会返回

http协商缓存是什么

浏览器会发送请求到服务器,请求会携带第一次请求返回的有关缓存的header字段信息(Last-Modified/If-Modified-Since和Etag/If-None-Match),由服务器根据请求中的相关header信息来比对结果是否协商缓存命中;若命中,则服务器返回新的响应header信息更新缓存中的对应header信息,但是并不返回资源内容,它会告知浏览器可以直接从缓存获取;否则返回最新的资源内容

8.了解哪些网络安全

xss(跨站脚本攻击)

通过存在安全漏洞的web注册用户的浏览器内运行非法的html标签或js进行的一种攻击,例如在用户登录的url后面添加js代码,用户登录时,个人信息就会直接发送到攻击者的网站,导致个人信息泄露,攻击者还可以获取用户的cookie,关于cookie的防御,可以设置它的httpOnly为true,还有secure属性,限制web页面仅在https页面时才可以发送cookie

9.koa的洋葱模型(内容太多就不写了)

10.http状态码200什么时候出现

前端请求后端数据成功的时候会出现,面试官说还有,我也不知道还有什么

11.commonjs的加载

CommonJS定义的模块分为: 模块引用(require) 模块输出(exports) 模块标识(module)。

CommonJS是一个更偏向于服务器端的规范。NodeJS采用了这个规范。CommonJS的一个模块就是一个脚本文件。require命令第一次加载该脚本时就会执行整个脚本,然后在内存中生成一个对象。这个对象中有一个exports属性,它是模块导出的接口,它的值也是一个对象,可以用exports.xx导出。以后需要用到这个模块时,就会到exports属性上取值。即使再次执行require命令,也不会再次执行该模块,而是到缓存中取值。由于CommonJS是同步加载模块,这对于服务器端不是一个问题,因为所有的模块都放在本地硬盘。等待模块时间就是硬盘读取文件时间,很小。但是,对于浏览器而言,它需要从服务器加载模块,涉及到网速,代理等原因,一旦等待时间过长,浏览器处于”假死”状态。

还有一些简单的问题就不写了,反正是凉了

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值