2021 面试题大纲

因为我的主要技术站是以 react 为主, 所以框架篇中不会写太多 vue 相关知识点

最近经历了好多次的面试, 这里就将我最近面到的或者说是看到的题目记录下来, 作为后面换工作时的预习

这些都会了, P6 是不成问题的

主要分为六大类, css, js, 框架,浏览器, 计算机基础, 算法

CSS

• BFC 概念以及常用情景
• 行内元素和块元素
• CSS 优先级
• 清除浮动方法
• CSS 盒子模型
• display 的一些值
• position 的一些值
• 居中方案
• style 和 @import 区别
• CSS 优化方案

JS

• 防抖节流
• instanceof 原理
• typeof 判断类型
• 说一说原型链
• es5 继承的几种方式
• 数组中常用 api
• 对象中的 api
• Map 和 Set 特点, 和普通对象,数组的区别, weakMap 和 weakSet
• 深拷贝和浅拷贝
• Let, Const, Var
• 闭包
• == 和 ===
• bind 的实现
• call 和 apply 区别和实现
• 柯里化
• 垃圾回收机制
• V8 的理解
• new 的原理
• promise, promise.all 等 APi 原理
• generator 原理
• this 指向
• 代理和反射
• cookie 和 storage
• IndexedDB
• Service Worker
• WASM
• 数据精度问题, bigint
• 正则表达式, 如何优化

设计模式

• 发布订阅模式
• 工厂模式
• 装饰器模式
• 惰性模式
• MVC,MVP,MVVM
• 状态模式,策略模式
• 外观模式
• 享元模式
• 职责链模式

性能优化

• 尾调用, 虚拟类, V8优化手段
• 预加载, 预解析
• 骨架屏
• lazyLoad(路由和图片)
• CDN
• 代码压缩
• 图片压缩, 或者使用其他格式图片
• 对于性能的测试

框架

• react 生命周期
• react 合成方法
• react 优化 shouldComponentUpdate, memo
• useEffect
• 虚拟 dom
• 错误边界
• Suspense lazy, 他和 react-loadable, 各自的实现原理
• class 和 function 区别
• react diff 的复杂度，以及 react diff 的原理
• react setState 同步异步问题
• hooks 使用过没有, 说一说 API
• hooks 的执行原理, 为什么不能在条件中使用
• fiber 原理
• HOC 的原理, 和 hooks 对比
• 错误处理, 及对应框架 如 sentry
• vue 原理
• Redux 原理
• mobx 原理
• typescript 的编译原理
• compose 函数
• ssr
• ts 中 type 和 interface 区别
• react-router 原理
• history 和 hash

工程化框架

• webpack 工作流程
• webpack 优化, 拆包
• webpack hotLoad 原理
• loader 缓存原理
• 怎么看待 vite 和 snowpack, 和 webpack 对比有什么区别
• 摇树优化
• babel 原理
• 微服务
• CMD,AMD, CommonJS, es6 模块
• lerna 多个包管理
• submodules
• graphQL

图形化

• canvas 相关
• svg
• webGL

移动端框架

taro

• 编译机制

react-native

• 原生和 js 层交互机制
• 选择 RN 的原因 和 flutter 相比较有什么区别
• 热更新, 热更新的增量更新

h5

• js bridge 通信原理
• rem vw
• mediaQuery

浏览器

• 重绘和回流
• 从输入 url 到页面呈现
• EventLoop 事件循环机制
• 缓存策略
• 浏览器工作原理
• DOM 树
• 事件捕获
• 跨域

计算机基础

• http 状态码
• get 和 post 区别
• cdn 原理
• https 原理
• 三次握手和四次挥手
• http 版本
• tcp 和 udp 区别
• tcp 有效传输
• websocket
• 网络安全问题

算法

• 排序算法, 时间,空间复杂度
• 二叉树相关 深度优先遍历和广度优先遍历等
• 最短路径算法
• 滑动窗口
• 动态规划
• 链表相关
• 多维数组合成一维