文末

如果30岁以前，可以还不知道自己想去做什么的话，那30岁之后，真的觉得时间非常的宝贵，不能再浪费时间在一些碎片化的事情上，比如说看综艺，电视剧。一个人的黄金时间也就二，三十年，不能过得浑浑噩噩。所以花了基本上休息的时间，去不断的完善自己的知识体系，希望可以成为一个领域内的TOP。

同样是干到30岁，普通人写业务代码划水，榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说30岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端面试题汇总

JavaScript

怎么设置跨域

=======

1、vue的跨域第一步在 vue 的根目录创建一个  vue.config.js 文件 ，只要更改了这个 vue.config.js 文件里的内容必须重新启动一下项目。写入一下代码

// 这个文件是vue的配置文件

// 一些额外的配置都放在这里

// 比如 跨域 自动打开浏览器 输出目录

module.exports = {

publicPath: “./”,

devServer: {

open: true, // 自动打开浏览器

// proxy: “https://sug.so.360.cn”, 这个接口必须跨域

// 可以直接设置跨域的地址

proxy: {

“/api”: {

target: “https://sug.so.360.cn”,

changeOrigin: true, //允许跨域

pathRewrite: {

“^/api”: “”,

},

},

},

// 不是所有的接口都要跨域 也可以给需要跨域的接口起一个识别的名字

// 只有前面带/api的接口才会跨域 其他的接口正常访问

},

};

// proxy跨域其实也是一种代理跨域 可以理解为欺骗浏览器 让浏览器以为没有跨域 访问的还是8080 ，但是服务器看到/api就会把地址变成需要跨域的地址

// 该配置文件修改了 要重新启动

封装axios里面

// 封装axios请求的模块

import axios from ‘axios’

// 用axios重新生成了请求的实例

const server = axios.create({

baseURL: ‘’, // 项目发送axios请求的公共地址 值为空

timeout: 5000 // 请求超时时间 这里是请求超过五秒后还没有获得请求结果 提示请求超时

})

server.interceptors.request.use(config => {

// config包含了请求相关的所有信息

// 可以同过config对象给请求配置或者修改信息

config.headers.token = ‘11111’

return config // 将配置完成的token返回 如果不返回 请求不会继续进行

}, err => {

// 请求发生错误时的回调函数

// 这里的意思是请求发送错误时将错误抛出

// throw new Error(err)

// console.error(err) //将错误信息打印在控制台中

Promise.reject(err) // 使用promise将错误信息返回出去

})

// axios 接受到服务器响应信息后的配置

// response 是响应的意思 这里的意思是使用响应拦截

server.interceptors.response.use(res => {

// res包含了服务器返回的所有响应信息 其实就是服务器返回给你的东西

return res.data

}, err => {

// 当服务器响应产生错误时的回调函数

console.error(err) // 这里将服务器发生错误的错误信息打印在控制台中

})

export default server

在请求api的时候

import request from ‘…/network/reques’

const getBanners = async () => {

// /api 加上说明这个接口要跨域

let

data = await request({

url: ‘/api/suggest?word=a’

})

// console.log(data);

return data

}

Vue

• 什么是MVVM？

• mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？

• 组件之间的传值？

• Vue 双向绑定原理

• 描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？

• 虚拟 DOM 实现原理

• Vue 中 key 值的作用？

• Vue 的生命周期

• Vue 组件间通信有哪些方式?

• vue 中怎么重置 data?

• 组件中写 name 选项有什么作用？

• Vue 的 nextTick 的原理是什么？

• Vuex 有哪几种属性?

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】