前端知识体系(全面)目录用来收集前端基础知识、八股文等。踩坑系列用于收集一些我所遇到的比较有意思有难度的 bug。最佳实践是我在做项目过程中的一些思考。readme 这里只将一部分文章列出来当作索引，具体可以看各个目录下的文章。建议安装一个谷歌浏览器插件："Octotree - GitHub code tree"，方便在 github 查看源码
按 debug 难度从高到低排列
- 【难】悬而未解之谜 302 重定向回同源的请求，cookie 会丢失
- 【难】谷歌翻译错误地将繁体字检测成简体字，如何从 1 万多行压缩混淆后的源码中探索 BUG 的真相
- 【难】从 height 百分比看浏览器的怪异模式
- 【难】lazysizes 插件 getElementByClass 查询结果实时性问题
- 【难】svg-mask-id 重复的问题
- 【难】按需加载插件 babel-plugin-import 的坑
- 【中】flex 布局水平居中导致水平滚动出现问题
- 【中】图片防盗之 http 请求头字段 referer
- 【中】transform 等属性如何影响 fixed 定位，fixed 定位不一定相对于浏览器窗口定位
- 【中】ul 标签设置 flex 布局在部分浏览器内核上显示有问题
- 【中】useLayoutEffect 与 useEffect 的区别
- 【低】js 实现复制粘贴保留原格式
- 【低】js 正则表达式动态模式
- 【低】动态插入脚本潜在问题
- 【低】移动端键盘顶起页面的问题
- DNS 寻址
- https 简介及与 http 的区别
- http 协议及各版本的差别
- http2 简介
- http2 服务器推送
- HTTP 缓存
- HTTP3 详解
- TCP
- websocket 与 http 的区别
- Cache-Control 支持的值
- SSL\TLS 详细介绍
- get 和 post 方法的比较
- http 请求头字段
- http 请求状态码
- server-sent-event(SSE)
- webWorker
- 协商缓存中 Etag 的生成规则
- 图解计算机网络
为了在查看本仓库时有一个很好的体验，可以安装一个谷歌插件："Octotree - GitHub code tree"。这个插件使得在浏览器上查看 github 仓库时，能像 IDE 一样组织目录。方便阅读。如下：
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent