最近面过的前端面经

海康一面

• 1.解决塌陷

一，盒子塌陷是什么？

3.旋转45度

4.axios的拦截器原理及应用

**应用场景**

import axios from 'axios' let instance = axios.create({  baseURL: "http://localhost:3000/",  headers: {  'content-type': 'application/x-www-form-urlencoded'  } }) //请求拦截器 instance.interceptors.request.use(config => { //拦截请求，做统一处理  const token = "asdasdk"  //在每个http header都加上token  config.headers.authorization = token  return config }, err => {//失败  return Promise.reject(err) }) //响应拦截器 instance.interceptors.response.use(response => { //拦截响应，做统一处理  if (response.data.code) {  switch (response.data.code) {  case 200:  console.log("1111")  }  }  return response }, err => { //无响应时的处理  return Promise.reject(err.response.status) }) export default instance 

import instance from './api/axios' Vue.prototype.$http = instance 12

this.$http.get(url).then(r => console.log(r)).catch(err => console.log(err)) this.$http.post(url, params).then(r => console.log(r)).catch(err => console.log(err))

5.路由守卫进行判断登录。

6.webpack的打包流程

7.实现三角形，圆形

8.vuex原理

9.vue-router懒加载

{  path: '/path',  name: 'componentName',  component: resolve => require(['@/componentPath'], resolve),  }

能够被webpack自动代码分割  允许将不同的组件打包到一个异步块中，使用命名chunk(特殊注释语法)。  Webpack 会将任何一个异步模块与相同的块名称组合到相同的异步块中。  const comA = () => import('url') const Foo = () => import(/* webpackChunkName: "group-foo" */ './Foo.vue') const Bar = () => import(/* webpackChunkName: "group-foo" */ './Bar.vue')  const Baz = () => import(/* webpackChunkName: "group-foo" */ './Baz.vue')

{   path: '/home', name: 'home',   component: r =>require.ensure([], ()=>r(require('@/components/home')), 'demo')  }

滴滴二面（一面就项目+基础）（50min）

• 1.介绍项目（说了一下实习的时候做了什么）

• 2.react你了解多少（巴拉巴拉一堆），我面试的部门开发项目用的是react

• 3.数组去重

var newArr = []  if(newArr.indexOf(arr[i])==-1){  newArr.push(arr[i]) } 面试官提出[1,2,3,3,NaN,NaN]去重不了
NaN该怎么做 我想的是用object的值唯一的方式 面试官提出的是设置一个标志位flag，如果NaN不存在flag = true，如果有的话flag=true  

• 6.反问。

• 5.给一个文科生讲解数据结构，你会怎样讲解。

• 4.实现数组快排。。。