chenjiezi / FE-SelfCheckList

前端自检清单 - 记录前端工程师的知识储备。（JAVASCRIPT、HTML、CSS、数据结构与算法、网络协议、设计模式、操作系统）前端面试题

Blog

• 2022-12-07 基于verdaccio+docker搭建npm私有仓库

前端自检清单

JAVASCRIPT

• js中的数据类型
• 执行上下文和执行栈
• 闭包
• new 操作符
• this 指向
• 原型与原型链
• 继承
• 内存泄露、垃圾回收机制
• 浏览器的事件循环
• node的事件循环
• 事件、事件委托
• 普通函数与箭头函数的区别
• var、let 和 const 的区别
• 0.1 + 0.2 === 0.3 返回 false
• defer 与 async 的区别
• 其他
  • 跨域
  • 模块化
  • 性能优化
  • 前端安全
  • 浏览器兼容
• 手撕代码
  • 数组去重、扁平
  • 手写 instanceOf
  • 手写 call、apply、bind
  • 防抖、节流
  • 浅拷贝、深拷贝
  • 函数柯里化
  • 手写 ajax
  • 手写 Promise/A+
  • 手写 EventEmitter
  • 手写 Promise Api

HTML/CSS

• HTML5/CSS3新特性
• 重绘、回流
• 盒模型
• BFC
• 水平垂直居中
• 两列布局(左固定、右自适应)
• 三列布局(圣杯布局、双飞翼布局)
• 定位五个属性

网络协议

• OSI模型、TCP/IP模型分别由哪些分层组成
• HTTP
  • HTTP重点知识汇总
  • 常见HTTP状态码
  • HTTP版本
  • HTTP缓存机制
  • GEI 和 POST 有什么区别
  • HTTP 与 HTTPS 的区别及实现方式
  • HTTPS握手
  • 对称加密与非对称加密
• TCP/UDP
  • TCP 和 UDP 有什么区别
  • TCP 三次握手和四次挥手机制以及原因
  • TCP 通过哪些方式来保证可靠性
  • TCP 流量控制
  • TCP 拥塞控制
  • 流量控制和拥塞控制的区别

设计模式

• 单例模式
• 策略模式

数据结构与算法

• 数据结构
  • 数组与链表区别和优缺点
• 算法
  • 排序
    • 冒泡排序
    • 选择排序
    • 插入排序
    • 计数排序
    • 归并排序
    • 快速排序
  • 查找
    • 二分查找
  • 随机
    • 随机算法

操作系统

• 进程与线程区别
• 死锁的产生
• 处理死锁的方法

node的事件循环

node的事件循环

Vue key

Vue key https://juejin.cn/post/7102219080152645668

diff算法

https://github.com/chenhongdong/article/tree/develop/%E8%99%9A%E6%8B%9Fdom/dom-diff