好好住前端面试

一、考察块级作用域，输出什么，改成let 呢

function fn(){
console.log(a);
var a=2;
console.log(a);
}
fn();
// undefined
// 2

二、写一个函数，把url中的查询字符串转为对象输出

function parseObject(url){
        var obj = {};
        if(url.indexOf('?')!==-1){
          var url = url.substring(url.indexOf('?')+1);
        }else{
          return ;
        }
        var arr = url.split('&');
        arr.forEach(function(val){
          var brr = val.split('=');
          obj[brr[0]] = brr[1];
        });
        return obj;

      }

三、设置div 的样式分别为3.1，3.2。简述该div盒模型各部分对应的值
3.1. {
width：90px；
padding：10px；
box-sizing：content-box；
}
3.2. {
width：90px；
padding：10px；
box-sizing：border-box；
}

四、封装一个类（A），所有实例对象方法（func1）共享，属性（a，b）不共享。

开始面试，大部分问题都是根据笔试题问的

1、var和let的区别？
2、将URL地址栏中的查询字符串转变为对象的形式的方法讲一下?
处理：HTTP/HTTPS URL：scheme://:/?#
例如：[图片上传失败...(image-1d6290-1533823640664)]
http://www.baidu.com:80/path?k1=v1&k2=v2#frag
3、讲一下URL各个字段的含义

超文本传输协议统一资源定位符将从因特网获取信息的四个基本元素包括在一个简单的地址中：
　　1. 传送协议；
　　2. 服务器；
　　3. 端口号；
　　4. 路径。
　　典型的统一资源定位符看上去是这样的： http://zh.wikipedia.org:80/wiki/Special:Search?search=铁路&go=Go
　　其中：
　　1. http，是协议；
　　2. zh.wikipedia.org，是服务器；
　　3. 80，是服务器上的网络端口号；
　　4. /wiki/Special:Search，是路径；
　　5. ?search=铁路&go=Go，是询问。

4、在浏览器中直接修改path?k1=v1&k2=v2敲回车和修改#号后内容敲回车的区别

一个是条件，一个是锚点
一个会跳转页面，一个不会
第一个会跳转到其它页面，第二个是在页面内定位

5、讲一下锚点定位
6、画一个标准的盒模型
7、box-sizing设为content-box，我设置它的width时实际上是设置的那一部分呢？设为border-sizing时设置width又是设置的哪一部分呢？
8、讲一下九宫格布局的几种做法
9、讲一下flex布局
10、flex：1是什么意思？
11、flex：1时，都哪些属性设置成什么值？
12、这些属性设在它的容器上还是设在它本身？
13、盒子模型的外边距重叠？
14、看这些属性的时候都去哪些地方看？
15、prototype上的特点？
16、通过prototype定义的方法和你通过构造函数定义的方法有什么区别？
17、然后面试官当场出了一道题

首先定义一个类A
类上定义一个属性a
a=1;
return a;
定义一个构造函数，其中写一个方法，返回b的值
{
b=2;
return b;
}
实例化a和b
var a=new A();
var b=new A();
b.prototype.a=10
b.prototype.b=20
a();
b();
然后看这些调用值分别是多少？
a.a
a.b
b.a
b.b

18、构造函数和原型有什么区别？
19、我们处理数组时会使用for循环，那么break和return的区别？
20、如果在函数中return后写一个方法，还会执行吗？
21、vue框架是谁搭的？有看过webpack的具体配置吗？
22、CORS解决跨域访问具体实现
23、做移动端页面时自适应是怎么做的？em是个什么单位？
24、rem和em的区别
25、vue页面之间是怎么传值的
26、组件之间是怎么传值的
27、父子组件传值，双方都是怎么实现的
28、用SASS开发时和用css开发时有什么不同（SASS的特点及优点）
29.var,let的区别，什么是变量提升？const的？如果后面修改const值会怎样？
30.讲一下第二题的逻辑，substring ,substr的区别。foreach和map的区别？

当substring有两个参数时，第一个参数表示从字符串的第几位开始截取，第二个参数表示截取到字符串的第几位。
substr有两个参数时，第一个参数表示从字符串的第几位开始截取，第二个参数表示截取多少位字符串。

31.？号后面还有#参数，你怎么取？把#后末尾后面的去掉？找#号的位置用什么方法？
32.画一个css标准的盒模型，conten-box，border-box。
33.做一个九宫格有哪些方法呢？每一个都是div。flex怎么布局？自己下来实现一下，定宽的，不定宽的，自己实现一下。除了flex还有什么方法？
34.浮动的元素有什么特点？自己实现一下。还有其他方法吗？
35.如果我把九宫格放到移动端页面，他的适应性怎么实现？自己写一下
36.定义在原型上的问题，文月有总结，定义属性和变量