前端知识汇总

浏览器

javascript 基础

• 数据类型
• 类型转换
• 函数
  • 函数声明和函数表达式
  • arguments 对象
  • 词法作用域和动态作用域
  • 执行上下文与执行栈
  • 作用域链
  • this 与 call apply bind
  • 闭包及应用
• 原型与继承
• Promise
• 事件机制/Event Loop
• 浮点数的精度
• 深浅拷贝
• 函数式编程
• Service Worker / PWA
• Web Worker
• 其他
  • ES6 新特性

CSS 基础

• 盒模型
• 块状元素/行内元素
• 回流和重绘
• position
• flex
• 居中/常见布局
• 层叠上下文
  • z-index

框架（React 为主）

• MVVM
• 生命周期
• 数据绑定
• 状态管理
• 组件通信
• Virtual DOM
• Diff 算法
• React Hooks
• React Hoc/Render props

工程化

• webpack
• Babel
• 模板引擎
• 前端发布
• 前端监控
• weex

性能优化

• 打包优化
• 网络优化
• 代码优化

网络

• HTTP
  • 常见状态码
  • HTTP 缓存策略
  • Connection keep-alive
• DNS
• TCP
• HTTPS
• CDN
• 经典题
  • 从输入 url 到页面展示发生了什么？

安全

• XSS
• CSRF
• 风控策略

设计模式

• React 中用到的设计模式

数据结构和算法

数据结构

• 栈/队列/链表
• 树

算法

• 常见排序算法和复杂度
• 二叉树的前序、中序、后序遍历
• 广度优先、深度优先遍历的思想和应用场景
• 动态规划
• diff

Node

• 模块的导入导出-commonjs 规范

面试

• [汇总]阿里前端攻城狮们又写了一份面试题答案，请查收
• 2020 年前端面试复习必读精选文章【赠复习导图】
• 面试须知：浏览器相关原理详细总结（1）
• 图解浏览器工作原理

• https://www.jianshu.com/p/4840a90751e1