Frontend Interview Gotchas

一些前端知识点的总结

JS基础

• 各种API和基础
• ES6
• 原型链
  • 手写new
  • 手写instance of
  • 手写typeof
  • 继承的6种写法
• 作用域和闭包
  • 作用域
  • 执行上下文
  • 变量对象
  • 闭包
  • this
  • 手写call/apply/bind
• 异步事件
  • event loop
  • 手写mini promise
  • async/await
• 函数式编程
• TypeScript

React

• React原理
  • DOM diff
  • 手写mini React
  • Fiber
  • 手写mini Fiber
• Hook用法和原理 + 手写mini hook
• 状态管理
  • Redux + 手写mini Redux
  • Mobx
• React SSR
  • 手写mini SSR
  • NextJS
• Gatsby
• React性能优化
• React相关手写链接

Vue

• snabdom + DOM diff
• 原理
  • 响应式原理
  • route原理
  • 源码分析
• Vuex
• Vue3.0
• Vue SSR
  • NuxtJS

HTML和CSS

• HTML
  • DOM基础和API
• CSS
  • 盒装模型
  • Flex布局
  • Grid布局
  • 居中的100种方式

Webpack

• webpack原理
• loader, plugin
• tapable
  • 手写tapable hook
• 手写mini webpack

http和浏览器

• http和浏览器基础
  • tcp协议
  • http协议
  • 跨域

各种

• 各种手写
  • call/apply/bind
  • Object.assign
  • Promise.all
  • 深拷贝（deepclone）
  • 每隔一秒打印 1,2,3,4,5
  • compose
  • throttle/debounce
• 各种区别
• 各种问题
• 杂七杂八的知识