关于前端: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
• 网络安全问题

算法

• 排序算法, 工夫, 空间复杂度
• 二叉树相干 深度优先遍历和广度优先遍历等
• 最短门路算法
• 滑动窗口
• 动静布局
• 链表相干
• 多维数组合成一维