0826 快手提前批前端一面凉经

发面经攒运气，求求给个 offer 吧

面试官：帅气小哥哥

题目：

• 自我介绍

• Git 相关

• vue 相关

  • vue cli3

    • 比起vue cli2 有什么改进

    • 有没有自己写过插件

    • 怎么实现的 webpack

  • vuex

    • 什么情况下使用？全局、兄弟组件通信

  • 组件通信

    • 自定义事件

    • prop

    • $attrs

  • 条件渲染

    • v-show display:none？（当时有点矛盾的地方，display:none 不保留空间，那这样和 v-if 有什么区别）

    • v-if dom（刚开始说的空间，要求用一个前端术语描述）

    • 什么时候用哪个？

  • v-router（有点记混了）

    • mode 用过哪个？为什么？当时没听出来。

    • history，五个方法（根据前面的问题引导）

    • hash，有锚点（当时说成了 history）

  • 自定义指令（不会……没用过）

    • v-custom

• ES6

let a = 10 function func() {  console.log(a);  let a = 20; } func();  => 20 console.log(a); => 10

变量提升，但未初始化，输出 undefined

let a = 10 function func() {  console.log(a);  var a = 20; } func(); // => 20（错误），实际上是undefined console.log(a); => 10

• CSS 选择器 、优先级

没有同时存在 a 和 c 类的元素（与优先级无关），显示蓝色

.a.c {  color: red; } .b.c {  color: blue; } <div class="a b">  <div class="b c">  text  </div> </div>

没有同时存在 a 、d 和 c 类的元素（与优先级无关），显示蓝色

.a.d .c {  color: red; } .b.c {  color: blue; } <div class="a d">  <div class="b c">  text  </div> </div>

• 跨域

  • 协议、端口、域名（最后一个头脑短路，没想起来，面试官提示）

  • CORS

    • options 没有 body

  • JSONP

    • 服务端要改什么吗？

• 一道题

求A, B, C的值

 CAB - BAC =  BCA

回答反思：

只考虑了被减数十位要不要向百位借一的情况，然后“是不是算式有点问题”【捂脸】

没有考虑到个位要不要向十位借一的情况。

“课后答案”：

转换为：BAC+BCA=CAB

• 情况一：C + A = B

  • 子情况：A + C = A ----> C = 0（与 CAB 矛盾），剪枝

  • 子情况：A + C = A + 10 -----> C = 10（矛盾），剪枝

• 情况二：C + A = B + 10

  • 子情况：A + C + 1 = A ----> C = -1 ，剪枝

  • 子情况：A + C + 1 = A + 10 ----> C = 9，成立

    • B + B + 1 = 9 ----> B = 4

    • 9 + A = B + 10 ---- > A = B + 1----> A = 5

• 其它

  • 输入一个 URL 到显示页面

  • webpack 的作用

  • webpack loader 和 plugin 的区别

• 反问

  • 技术栈

  • 学习建议？小哥哥说了挺多的，非常感谢

  • （没敢问多久出结果）【捂脸】

反思：

• 紧张，很多基础的题没有仔细思考推敲

• 回答前没有打好腹稿，思考清楚前因后果