面试总结

自我介绍: 

介绍一个项目：

CSS：

1.标准模型和ie怪模型

• ie盒模型和w3c标准和盒模型

1. ie怪异盒模型：width和height包含padding和border
2. w3c标准盒模型：width和height不包含padding和border 

2.响应式  

3.flex布局

4.雪碧图

5.从url到页面展示的过程 

6.定位

7.缓存

8.优化

9.浏览器兼容

 

JavaScript

1.什么是防抖

    防抖：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。代码如下： 

  var isTime=null;
    document.getElementById('fd').onblur=function (event) {
      function setMass() {
          console.log(event.target.value);
      }
      clearTimeout(isTime);
      isTime=setTimeout(setMass,1000)
    };

          用闭包实现：

   //用闭包实现
     document.getElementById('fd').onblur=myBlur("da");
     function myBlur(dd) {
         var timeout=null;
         return function () {
             clearTimeout(timeout);
             timeout=setTimeout(function () {
                 console.log(dd);
             },3000)
         }
     }

   在n秒内只执行一次函数；如果在n秒内再次触发，则清除原来settimeout,重新执行setTimeout即从新计算时间后再执行相应的函数

2.什么是节流

   高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率。在n秒内只执行一次函数； 

每次触发事件时都判断当前是否有等待执行的延时函数 

     //节流：
    document.getElementById('jl').onclick=myjl();
    function myjl() {
        var timeout=true;
        return function(){
            if(!timeout){
                return
            }
            timeout=false;
            setTimeout(function () {
                    console.log("大家好");
                    timeout=true
                },3000)
        }
    }

 3.常用的异步有哪些 

   setTimeout 、setIntralve、事件、ajax、promise等

4.var  let const的区别

     var:1.作用域分为全局作用域和函数作用域

          2.变量提升

          3.可以重复定义

    let：1.作用域分为全局作用域和块级作用域

          2.变量没有提升，必须先声明后访问

          3.let变量的表示符不能重名

    const:1.声明常量

             2.声明的同时必须初始化

        3.常量一旦被声明，不能再给该标识符赋新值；

        4.作用域分为全局作用域和块级作用域

        5.变量没有提升，先声明后访问

        6.标识符不能重名

Vue 

其他 

1.打包 webpack

2.跨域