前端知识体系梳理

html与css

• 垂直居中
• flex布局语法篇
• css选择器与优先级
• css盒模型与BFC
• css两种盒模型详解
• css加载会造成阻塞吗
• css改变触发的reflow&repaint
• 伪类与伪元素区别
• css3新特性 css3新特性详细
• web离线存储之 Cookie、session和Web Storage
• Html5新特性
• 浅谈script标签中的async和defer
• DOMContentLoaded和load的区别
• @import和link引入样式的区别

http与浏览器渲染原理

• 浏览器页面渲染过程
• 浏览器缓存
• http缓存
• XSS攻击与CSRF攻击
• 三次握手与四次挥手
• https
• 浏览器执行机制
• 浏览器url回车发生了啥
• 说说你对 options 请求的理解
• 跨域资源共享cors
• pwa
• websocket介绍
• http2.0
• fetch携带cookie问题 xhr携带cookie问题
• 常见的web性能优化

js基础知识

• 原型链
• 浏览器与nodejs event loop区别
• es6
• es6常用特性
• for in 与 for of的区别
• js中的浅比较与深比较
• == & ===判断原理
• 深浅copy
• js异常处理总结
• valueof & toString的调用

工程化

webpack

• webpack详解
• webpack热更新原理
• tapable
• webpack插件及长常用的hook介绍

git

• git reset 和 git revert
• git pull 和 git fetch
• git rebase 和 git merge

..rest

• 前端模块化

算法与数据结构

• 算法与数据结构
• 数据结构

编码能力

• 手动实现call、apply、bind
• 防抖
• 节流
• 浅拷贝和深拷贝
• 数组去重、扁平、最值
• 函数柯里化
• 手动实现JSONP
• 手动实现ES5继承
• 模拟实现promise
• 手动实现instanceof

框架与类库

react

• React之高阶组件与反向继承 精简描述-属性代理&反向继承
• setState同步还是异步问题分析
• Virtual DOM算法
• O(n^3) 和O(n) 是怎么算出来
• react diff
• react fiber
• react fiber 正美
• react hooks 原理
• react hooks 原理 二
• React function 组件和 React classes 有什么不同
• 数据的双向绑定*vue

redux & Mobx

• redux与mobx对比
• redux中间件分析

react-router

• hash
• hash和history两种模式的区别

liunx

• u:撤回一次操作
• 常用命令

ts

• interface & type 区别
• ts梳理

功能&ui库分析（🤔）

• 一个大文件上传和断点续传

等同目标实现，技术之间的对比分析

• img到icon的演进过程

新技术（包括新的语法，规范等）出来解决了什么问题分析

• ...等待传送门

其他体系传送门

• 趣味coding系列
• Taro 多端开发实现原理与项目实战

保持对技术的好奇心、请把原生实现也当做一种重要的能力 持续更新中...