前端面试经历整理（针对前端工作一年的同学）

自我介绍：背景

核心思想：

• 中厂、大厂对一年左右经验的前端工程师的基本要求
  
  • 有一定业务能力，来了能干活
  • 基础好一点、爱学习、学习效率高
  • 有一定潜力，能培养起来
• 不必要，有更好，加分项：
  
  • 性格好、沟通能力好，能融入团队
  • 逻辑要 ok
  • 有一定产品感，知道什么是好的设计/能指出设计上明显的错误
  • 有技术追求、有明确的职业规划、比较好的表达能力
  • 对前沿技术有关注，有了解（可以不会、可以没做过、但是要知道）

简历方面：

• 技术栈 vue 及相关的工具链，原生小程序
• ES6 HTML5 CSS3
• 工作经验：运营岗转技术，一年前端工作经验
• 希望被问什么一定要要在简历和自我介绍里面提到
• 不熟悉的，了解的不透彻的、没有自己准备的套话的一定不能写
  
  • 同样的一个技能
  • 你没写的东西被问到了，你说出一点是加分
  • 你写了的东西被问到了，说的不透、不对就是减分
  • 比如 webpack，不懂一定不要写！
  • 面到相关的可以说用 vue-cli 生成项目，看过 webpack 的文档，会根据需求修改 vue-cli 默认的配置项。
  • 这时候体现出来你有解决问题的能力，又符合他对1年经验工程师的要求，还有动手解决问题的能力。这些就都属于加分项了。
• 写了的技术能力，都准备好内容，最好能一问就巴拉巴拉说一堆
  
  • 举个例子
  • HTML5 新特性、标签、支持新的跨域协议
  • ES6: Set Map Promise Async Arrow Function 函数的扩展什么的

面试自我介绍

• 说清楚上份工作的内容（哪些项目，用了什么技术栈，自己学到了哪些）
• 说技术栈的时候，在自己熟悉的内容稍微重音、停顿，自己不太自信的内容，可以稍微快一点带过去
• 运营转行的，所以还有之前的运营经验
• 会问为啥转行，为啥之前做运营，记得这里扯上自己有运营的经验，性格好沟通能力强
• 表达出自己性格好、善于沟通的优势、对技术有向往和追求、技术实力在之后展示
• 一定好好准备

例题（请勿作为面试题参考）

• 原型链（一定弄懂，这个问的巨多，并且延伸也多；掌握的好主动去延伸往深讲也可以）
  
  • 原理
  • 作用
  • 面向对象
    
    • ES6 的类 class 与原型链、对象有什么区别？
    • 有人说 ES6 的类不好，不如原型链，你怎么看？
• 写移动端遇到什么坑？兼容性？ JS 和 CSS 两方面去回答
  
  • 延伸：flexible.js 怎么用，原理是什么
    
    • 延伸：rem 布局原理，vw 布局可行吗？
    • （可以扯到知道淘宝的春晚红包页面用的是vw来做的，在2018年兼容性也很好）
    • 这里扯到 vw 布局可以体现个人的知识广度和对前沿技术的了解
• Vue.js 及其工具链相关（React 的话对应过去就好了）
  
  • 双向绑定原理
  • 生命周期 （记得结合 vue-router 的 keep-alive 对应的 activated 和 deactivated）
  • Vuex 的原理
  • Vue-router 的原理（监听hashChange、pushState 啥的，拿到 path 根据配置渲染组件）
  • 看过源码嘛？
    
    • 我答的是：没有一行一行看过，但是通过官网介绍和自己对 js 的掌握，能理解他是用什么方式实现的
    • 想成为一个前端工程师，而不是 API 工程师，所以还是关注了原理
    • 如果自己去实现应该也大概能实现很多功能
    • 这里会有坑，表达 3 个点：1.爱学习 2.有技术追求 3.熟练掌握 js 基础原理（对象、原型链、页面渲染机制等）
    • 建议对 JS 对象和原型链熟悉的话（能扯一堆正确的），可以这么回答
    • 当然你看过就更厉害了，讲讲自己的心得
• 小程序
  
  • 用的原生？
  • 遇到最大的问题是什么？怎么解决的？
  • 对小程序的框架 wepy 怎么看？
    
    • 延伸：mpvue
    • 延伸主要也是体现自己对新技术的关注，如果写过 demo 也能体现动手能力
• 其他能力：
  
  • 对产品的感觉和能力
    
    • 有没有去推动过产品改进
    • 这里需要表现出来有一定的产品感，不能无脑接需求
    • 表现出能指出产品一些细节不足的能力，改进过设计
    • 流程上会跟设计详细对过需求之后再开发
  • 编程遇到问题怎么办？自己好好思考这个问题，面试官想听什么。
    
    • 此处删除了我建议的套路
    • 核心思想：表现自己有解决问题的能力、搜索能力、英语读写能力
  • 平时关注什么技术论坛、社区？关注谁？
    
    • 只说阮一峰其实有点不够了，你去面谁，就真的先关注一下他们团队的开源微博博客专栏等
  • 前沿技术的关注
    
    • 最近什么火？ 小程序（美团、蘑菇街） pwa（新浪微博）一些轮子（最近的有阿里的 ICE、百度的 SAN）
    • 怎么看待，区别和各自的优势？
    • RN Weex 有没有了解
      
      • 觉得未来趋势是什么
      • 我这里表达了有关注过，但是跟自己现在的学习方向不太相符，所以去了解了原理和发展动向，没有实践过
      • 毕竟才一年经验，对方也表示理解，说你做的也没错
  • 学习能力
    
    • 怎么学前端的（此处很重要，体现学习能力的地方，自己做做思考）