前端面试锦集【一】

1、项目运行没有报错，但浏览器报错：xxx 500, 这种问题该如何准确找到错误的代码

HTTP 响应码 500 错误。

HTTP 响应码 500 错误和你的代码没有关系，它是服务端错误：你发送了请求服务端接口，服务端返回了 500 错误。

HTTP 协议中规定 5xx 的状态码都是服务端相关错误。当遇到这类状态码的时候，正确的做法是：

 

（1）找到报错的接口

（2）将详细的接口请求信息反馈给后端开发人员

• 请求地址
• 请求方法
• 请求参数
• 响应参数

（3）协助后端联调

 

2、对 Vue 插槽不是很理解

参考官方文档：https://cn.vuejs.org/v2/guide/components-slots.html

 

3、v-for 中如果需要循环的组件需要一个包裹的标签 为什么推荐使用tamplate？

• template 不会渲染出任何元素
• 不建议 v-for 和 v-if 一起使用

 

4、希望讲一下 vuex 源码

• https://tech.meituan.com/2017/04/27/vuex-code-analysis.html
• https://juejin.cn/post/6844903775665127437

 

5、minxin 混入用法不太会用

参考官方文档：https://cn.vuejs.org/v2/guide/mixins.html。

• 是什么
• 如何使用
• 使用场景
• 原理分析
• 使用建议

• • 谨慎使用全局 mixin
  • 合理的场景下使用 mixin

 

6、可以在 nuxt 的配置文件中定义主题色吗，怎么定义

Nuxt 本身是没有样式的。

如果需要实现主题色的功能，需要借助于 SaaS、Less、Stylus 等 CSS 预处理器。

参考：https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-css。

 

7、老师本地 localhost 请求接口为什么没有跨域问题

localhost 也是域名，只不过在本地，只要是域名就存在浏览器同源策略。

• 浏览器同源策略
• 如何解决 Ajax 请求跨域

• • CORS （常用）
  • 服务器代理 （常用）
  • JSONP
  • WebSocket

 

8、讲一下 http 相关的的知识，比如 http 三次握手，输入 url 发生了什么等

• https://zhuanlan.zhihu.com/p/80551769
• 《图解 HTTP 协议》