web前端之面试提纲

前端基础

  • 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 如何跟开发流程集成
  • 单元测试覆盖率
  • 如何面对需求变更带来的测试用例失效
  • 前端灰度方案
  • 如何排查内存泄漏

其他

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

最后:“相信有很多想学前端的小伙伴,今年年初我花了一个月整理了一份最适合2018年学习的web前端干货,从最基础的HTML+CSS+JS到移动端HTML5等都有整理,送给每一位前端小伙伴,53763,1707这里是小白聚集地,欢迎初学和进阶中的小伙伴。”

祝大家早日学有所成,拿到满意offer,快速升职加薪,走上人生巅峰。

猜你喜欢

转载自blog.csdn.net/weixin_38004595/article/details/84938558