js常见面试题

1.作用域

var num1=55; var num2=66;

function f1(){

num=100;num1=100;num2=100;

console.log(num)//100

console.log(num1)//100

console.log(num2)//100}

console.log(num1)//55

console.log(num2)//66

console.log(num)//报错

2. var foo='get-element-by-id'

var arr=foo.split('-')

arr[1].charAt(0).toUpperCase()

3.1px物理像素实现

#box{

width:200px;

height:200px;

position:relative;

border-bottom:1px solid red;}//css像素

#box:before{

content:''

position:absolute;

left:0;

bottom:0;

height:1px;

width:100%;}

像素比=物理像素/css像素

var dpr=window.devicePixelRatio

var scale=1/dpr

4.什么是函数节流什么是函数防抖

函数节流:一个函数执行一次后只有大于执行周期后太会执行第二次

function throttle(fn,delay){

var timer=null;

        return function(){

            if(timer) return;

            timer=setTimeout(function(){

                func();

                timer=null;

            },wait)

        }}

5.同源策略

协议名、域名、端口号必须一致

解决跨域  jsonp cors需要后台设置

6.从url地址到最终网页渲染完成发生了什么

   a.DNS解析  域名地址解析为ip地址

   b.tcp三次握手   第一次握手浏览器发起 告诉服务器将要发送请求  第二次握手 服务器发起告诉浏览器准备接收       第三次握手  浏览器发起告诉服务器马上就发准备接收

c.请求报文 http协议的通讯内容

d.接受响应  响应报文

e.渲染页面   遇见HTML标记 浏览器调用HTML解析器成token构建dom树

f.断开连接,TCP四次挥手  第一次挥手 浏览器发起告知服务器请求报文发送完毕准备关闭

第二次挥手 服务器发起告知浏览器 请求报文接收完，准备关闭

第三次挥手 服务器发起 告知浏览器 响应报文发送完毕准备关闭

第四次挥手 浏览器发起 告知服务器 响应报文接收完毕准备关闭

7.宏任务    setTimeout    setInterval 微任务  promise.then() process.nextTick

8.Vue组件通信

父向子 props   

子向父 emit