前端广深面试之旅

           最近经历过一些面试，想把一些面试经验给你们分享一下，好的公司面试完给你带来挺多思考，差的公司之后就别去了，基本面试得很敷衍，对于想跳槽的人来说，等因而浪费了机会。

          今年行情比较很差，面试门槛也相对提升了，对于求职者没有充分的准备，显示是不行 的了。

          如下整理了一些面试题目，有兴趣的同窗能够参考参考，也能够提出指正。

一家华南地区的大型直播公司：

电话面：

1.vue与react的区别

2.url从输入到展现发生了什么？

3.cookie与localStorage的区别，何时用cookie，localstorage

4.如何进行缓存

5.离线存储有了解过吗？

6.es6 map和set的区别

7.如何进行性能优化，如何判断一个请求的时间

8.最近看过什么书？

9.最近了解过什么技术？

一面：

1.vue directive\components有哪些注册方法

2.vue的生命周期有哪些

3.vue里在created拿dom要怎么拿？nextTick是作什么的 ？

4.vue是构造函数仍是对象，挂在他上面的有哪些属性

5.vuex和obj有什么不一样？

6.router背后作了什么？是怎么实现单页面应用的？

7.node里a.js、b.js里循环引用会发现什么？

8.webpack 整个流程的通过？插件的工做原理？loader是作什么的 ？loader和plugin的区别？

9.vue里v-model的实现过程是怎么样的？

10.虚拟dom是什么？虚拟dom的性能必定比真实dom好吗？

11.es6用过哪些？判断数组的方法？

12.axios的源码有看过吗？

13.从页面拿到html到渲染发生了什么？

14.跨域的方法有哪些？

15.缓存的方法有哪些？

16.性能优化的方法？

17.webpack能够加载css文件吗？

18.tcp三次握手、四次挥手？

bat其中一家的电话面：

1.项目

2.服务端性能

3.有过什么性能优化，性能监控、异常监控作过什么

4.兼容性

5.安全性

6.移动端调试

7.关注社区

总结：感受问项目基本围绕这几方面来提问，平时作项目应该多留意这些方面，不能作完项目就不去思考。

某上市作中间件公司：

1.CORS过程当中get请求发生了什么？请求头 有哪些，响应头有哪些？什么状况下要发起options请求

2.immutable.js在es6里有什么方法能够实现？

3.redux的流程

4.关于改造redux-thunk的，若是有promise函数，如何把流程让给下一个

5.gitlab-ci部署作了什么？

感受这家公司面试官挺有水平，有兴趣的同窗能够面一下。

华南地区大型酒店互联网公司：

笔试

1.哪些方式能够判断类型，写一个函数实现？

2.数组的方法，哪些会改变原数组，哪些不会？

3.类型相关判断题？

4.哪些css属性可使元素不可见？

5.css位置相关的题目

.div1,.div2,.div3,.div4,.div5,.div6 { 
   width: 100px;
   height: 100px;
}
.div1 {
   position: relative;
   background: #000;
}
.div2 {
  position: absolute;
  z-index: 10;
  background: red;
}
.div3 {
  background: green;
}
.div4 {
  position: absolute;
  background: yellow;
}

.div5 {
  position: absolute;
  z-index: -1;
  background: #0c0c0c;
}

.div6 {
  background: blue;
}
<div class="div1">
   <div class="div2"></div>
   <div class="div3"></div>
</div>


<div class="div4">
  <div class="div5"></div>
  <div class="div6"></div>
</div>复制代码

6.事件循环，promise、async、setTimeout相关问题。

async function async1() {
  console.log('async1 start');
  await async2();
  console.log('async1 end');
}

async function async2() {
  console.log('async2');
}


console.log('script start');

setTimeout(function() {
   console.log('setTimeout');
}, 0)

async1();


new Promise(function(resolve) {
   console.log('promise1');
   resolve();
}).then(function() {
   console.log('promise2');
});

console.log('script end');复制代码

7.实现正则，例如http://www.baidu.com/static/a.js

拿到非static、非common文件下的js文件

8.BFC相关的css题目。

面试：

1.同源策略？解决跨域的方法。

2.vuex

3.promise的方法有哪些？

4.怎样加快首屏渲染。

5.axios封装错误提示说说是怎么实现的？

6.vue ssr实现过程。

7.webpack配置多个入口文件，配置压缩文件。

8.发生内存泄漏有哪些状况？

9.vue和react喜欢哪一个之类的？

10.let和const的区别？const声明的对象为何不能被修改？

11.cookie和localStorage的区别？cookie和localStorage、sessionStorage的区别？

12.几个标签页之间如何通讯？

13.单页面应用打开很是缓慢，如何去作一些性能优化？

14.如何处理0.5px;

15.get和post区别是怎么样的？

16.若是非浏览器端缓存如何每次取到最新的资源？

某华南地区CRM龙头企业：

1.用3种方式实现2栏布局。

2.

（function() {
   var i = 0;arr = [];
   for(i = 0;i < 3;i++) {
     arr.push(function() {
        console.log(i);
     }
   }
 });

arr[0]();
arr[1]();
arr[2]();复制代码

3.算法相关的：

（1）."a=12&b=s"，写一个函数a的值。

（2）.有一个类Stack,实现一个push、pop、getMin方法，getMin要求算法复杂度最小。

（3）.有一个字符串，求最长不重复的子串。

4.http相关？计算机网络？304请求浏览器和服务器交互的细节？原理

5.性能优化相关的：

（1）1000个div渲染，要怎么优化性能？

（2）1000个div作事件委托。

一面主要是根据笔试题作一些扩展提问。

二面：

1.设计模式相关的，观察者和被观察者模式怎么实现，单例模式怎么实现。

2.a、b、c更新依赖，那会所有更新，能够怎么优化？

3.eslint要去限制用户的提交，作在哪个比较好，若是开发者不安装eslint工做，绕过了，该在哪一步设置？

4.有哪些mvvm框架、mvc和mvvm的区别？

某中国大型手机公司：

有一道比较有意思的题目。

给一个对象

var obj = {
    id: xxx,
    name: xx,
    item: xx
}
var arr = ['id','name'];复制代码

提问：给一个对象，这个对象根据一个数组，返回一个新对象

各位同窗能够思考下有多少种方法实现。

某华南地区大型音乐公司

一面：

1.如何减小重绘、重排

2.组件维护的数据不少，如何作优化。

3.css预处理器都用到什么？

4.手机端的页面怎么知道瓶颈在哪里

5.vue源码里有哪些好的地方？

6.form.body提交有哪些字段？

7.object.assign和扩展运算符相同不？

二面主要是根据一些项目聊。

某大型fm音频公司

笔试：

1.

.div1,.div2,.div3,.div4,.div5,.div6 { width: 100px;height: 100px; }
.div1 {
  position: relative;
  background: #000;
  z-index: 2;

}

.div2 {
  position: absolute;
  background: red;
  z-index: 10;

}

.div3 {
  background: blue;
  z-index: 2000;
}


.div4 { 
  position: absolute;
  background: green;
  z-index: 3;
  top: 0;
}

.div5 {
  position: absolute;
  z-index: -1;
  background: yellow;
}

.div6 {
  z-index: 1;
  background: orange;
}
<div class="div1">
  <div class="div2"></div>
  <div class="div3"></div>
</div>

<div class="div4">
  <div class="div5"></div>
  <div class="div6"></div>
</div>
复制代码

2.实现一个sleep函数

3.作一个div正方形，长是屏幕的45%。

4.

function a() {
   return b;
   function b() {};
   var b = 'xx';
   b= 22;
}
typeof a()复制代码

输出什么？

5.垂直居中的几种方法？

6.实现一个bind

7.正则

 1.8-12个字符

2.数字和字母组成

面试：

1.xx.jpg -> xx_90*90.jpg

2.发布订阅模式

3.vue的源码

4.什么是深拷贝、浅拷贝分别实现一个

5.react 16增长了什么特性

6.性能优化

7.事件循环机制

8.cdn是怎么实现的？

9.设计一个组件是怎么设计。

某华南龙头互金公司：

机试：

1.div题目

2.onload  判断加载成功，.判断加载失败

面试：

1.flex布局完成3栏布局怎么作？

2.唤醒app库是怎么作？

3.详情页里的sku库存怎么实现的？跳到购物车？

4.redux的单向数据流是怎么样？

5.nginx是怎么样的？有在服务器配过吗？

6.setState是同步的仍是异步？事务的概念，state变化是怎么驱使视图的变化？diff过程是怎么样的？

7.使用了ts有什么好处？

8.实现webpack插件要通过哪方面的步骤？

9.怎么实现redux-thunk?redux-thunk有什么好处？

10.http请求的底层是基于什么？

11.http1.0->http1.1->http2.0都有哪些特性？

12.转盘宽高要怎么实现？

以上就是今天面试的一些题目，但愿能对你们有帮助，因为也隔了一段时间，不免不少细节问题都遗忘了，只能记得一些比较有表明性的问题，供你们之后求职参考。