前端面试提纲

时允

前端基础

  • JS 原型链机制的理解
  • 设计模式:了解基本的前端设计模式,单例、适配器、工厂、观察者。
  • 跨域的方式、同源策略、为什么有同源策略、如何做安全防范:新的H5的跨域方式(cors、postmessage)。
  • 安全,对攻击方式、安全的防范上的了解 。
  • http、TCP 协议的知识,如:什么是无状态,http 状态码的分类。
  • 知晓 CSS 布局原理,什么是BFC,如何实现垂直居中,绝对定位相对位置。
  • 如何做自适应布局,怎么计算 REM
  • websocket, WebRTC, EventSource 的区别

框架、组件化

  • 架构分层
  • 模块解耦:理解接口、事件通讯的两种方式。
  • 组件化趋势: shadow dom,react和vue 。
  • Virtual DOM 的优势以及缺陷
  • 实践中如何解耦 UI 状态和领域状态
  • 目录结构如何规划

前端构建方案

  • 工程化的理解以及解决的问题如 gulp。
  • gulp与其他构建工具的对比。
  • 如何拆分 SPA 中的大型代码
  • 如何做异步加载
  • 有没有写过 webpack loader, 以及这个 loader 是为了解决什么问题

性能优化

  • webview的优化:对静态资源缓存到native的原理和流程 ,webview缓存、版本号管理、线下调试。
  • 如何加快首屏加载速度,Server Render 的实践。
  • 网页渲染性能优化,layout, paint, compose 三步骤的理解。
  • css 动画、SVG、canvas 的运用
  • 针对前端框架的性能优化,如 showComponentUpdate 的使用
  • 如何带领团队优化:制定量化指标,寻找性能瓶颈,集中优化。

质量保障

  • eslint、tslint 如何跟开发流程集成
  • 单元测试覆盖率
  • 如何面对需求变更带来的测试用例失效
  • 前端灰度方案
  • 如何排查内存泄漏

其他

  • 期望:偏技术或偏管理
  • 觉得一个前端专家应具备的技能和素质:综合、系统能力,需要理解系统和框架的原理,对前端前沿技术有所关注。
  • 前沿技术的了解
  • 对前端未来走向的判断
  • 对领域设计的理解
  • 视觉评定能力
阅读 2.8k

美团成都部门招聘 RD,有意者联系我

4.9k 声望
112 粉丝
0 条评论

美团成都部门招聘 RD,有意者联系我

4.9k 声望
112 粉丝
文章目录
宣传栏