面试题

浏览器

跨域

• 同源策略，防御xss、csrf共计
• 解决方法，jsonp、cors

浏览器存储

• cookie、sessionstorage、localstorage
• indexeddb

渲染过程

缓存

优化方案

回流与重绘

• DocumentFragment批量处理dom
• 防抖节流较少操作次数
• 绝对定位脱离文档流

事件循环

css

bdc

flex

js

typeof/instanceof

• typeof判断基本类型
• instanceof判断对象是不是构造器的实例

基础类型

• ECMAScript标准定义了8中数据类型
  • 7种基本类型
  • 已经Object
• 2个空/3个基本/2个新的
  • null
  • undefined
  • boolean
  • string
  • number
  • bigint
  • symbol

变量提升/var/let/const

• var会变量提升
  • 定义提升
  • 赋值不提升
  • 没有块级作用域
• let/const不提升
  • 暂时性死区
  • 有块级作用域，if for等

==与===

• 三等比较类型和值
• 双等类型不一样会转化
  • 一方为bool转为数字
  • 一方为字符串转为数字
  • 一方为对象用Object.valueOf求值
  • null与undefined不等
  • NaN跟谁都不等
  • 两个对象判断是不是一个引用地址

引用类型

• Object、Function、Array

forin/forof

• in适合遍历对象，拿到的是key
• of适合遍历数组，拿到的是value
• 数组是单独的个体的集合，of更符合，in像是到一个整体中

数组

常用方法

• 遍历foreach、reduce
• 转换map
• 扁平化flat
• 过滤filter
• 查找indexOf、includes、some、every、
• 排序sort
• 添加删除push、pop、shift、unshift
• 拼接join、concat

交集并集

闭包、作用域

new操作符

继承、原型、原型链

箭头函数、普通函数

apply/call/bind

promise

• 状态pendding、fulfilled、rejected、settled（状态改变了成败之一）
• all/allsettled/any（第一个成功的）/race（第一个settled有结果的）

ts

泛型

装饰器

type和interface的区别

• interface可以重复声明，type不行
• 继承方式不一样
  • type使用交叉类型方式，
  • interface使用extends实现。
• 在对象扩展的情况下，
  • 使用接口继承要比交叉类型的性能更好。
• 使用interface来描述对象对外暴露的借口，
• 使用type将一组类型重命名

any/unkonwn/never

• any和unkonwn在TS类型中属于最顶层的Top Type，即所有的类型都是它俩的子类型。
• 而never则相反，它作为Bottom Type是所有类型的子类型。

常用工具类型

• Partial 部分或没有
• Required 有所有属性
• Readonly 所有属性只读
• Pick 选取部分属性
• Omit 去除部分属性
• Extract 交集
• Exclude 差集

react

fiber

协调diff

事件机制

hook原理

hook优化

16/17/18版本

18

• renderAPI
  • renderRoot
    • 并发模式
• transtion
• 并发模式

生命周期

组件通信

redux

mobx

vue

webpack

vite区别 loader、plugin、执行顺序 常见优化方案

设计模式

策略模式

技术方案

前端鉴权 扫码登录 首屏优化 长列表

性能优化

懒加载 图片优化 虚拟列表 本地缓存 DOM优化 浏览器缓存