Skip to content

Latest commit

 

History

History
84 lines (62 loc) · 2.74 KB

interview.md

File metadata and controls

84 lines (62 loc) · 2.74 KB
layout title categories
post
前端面试
front-end

前端面试

STAR 面试法

  • S: situation,了解应聘者工作业绩取得的背景
  • T: task,了解应聘者为了完成业务工作,都有哪些工作任务,每项任务的具体内容是什么样的
  • A: action,了解该应聘者是如何完成工作的,都采取了哪些行动,所采取的行动是如何帮助他完成工作的
  • R: result,每项任务在采取了行动之后的结果是什么,是好还是不好,好是因为什么,不好又是因为什么

面试 I - 基础

CSS

  • 行内元素有哪些?块级元素有哪些?特性与区别。
  • 清除浮动的方式以及各自的优劣。
  • CSS 选择符有哪些?哪些属性可以继承?
  • CSS 优先级算法如何计算?
  • CSS3 新增伪类有那些?
  • 请解释一下 CSS3 的 Flexbox(弹性盒布局模型),以及适用场景?

JavaScript

  • JavaScript 作用链域
  • JavaScript 中的作用域与变量声明提升
  • 闭包及闭包的用处,以及闭包可能造成的不良后果。
  • 数组和对象有哪些原生方法,列举一下?
  • 异步编程的几种方式
  • 变量提升
  • 判断是否为数组
  • ES6 新增的特性
  • JavaScript 如何实现继承

浏览器

  • Event Delegation 事件代理/委托
  • 同源策略及跨域请求的方法和原理
  • 请描述一下 cookies,sessionStorage 和 localStorage 的区别?

框架

  • 声明式渲染: 模板语法、渲染函数、虚拟 DOM
  • 组件系统: UI 映射
  • 客户端路由
  • 状态管理
  • 构建工具

面试 II - 深度及广度

性能优化

  • 如何分析页面性能?
  • 这些优化方法背后的原理是什么?
  • 除了这些常规的,你还了解什么最新的方法么?
  • 除了前端以外还了解什么其它技术么?
  • 如何渲染大量(> 万)数据?

发散型

  • 一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?
  • 做过哪些让你印象深刻的项目?
    • 为什么要做这件事情?
    • 最终达到什么效果?
    • 你处于什么样的角色,起到了什么方面的作用?
    • 在项目中遇到什么技术问题?具体是如何解决的?
    • 如果再做这个项目,你会在哪些方面进行改善?

其它

  • 谈谈对前端工程化的理解,在前端工程化方面做过哪些尝试?
  • 最近在学什么?接下来半年你打算学习什么?3 年后你希望自己是什么水平?
  • 做什么方面的事情最让你有成就感?需求设计?规划?具体开发?
  • 你认为前端今后的发展趋势是什么?

面试 III - 管理

  • 你能为团队带来什么?你期望团队给你什么?
  • 你理想中的团队是什么样?如何达成(打造)?