前端入门应该知道的

HTML

1. cookie & seesion
2. Fetch
3. Localstorage & SessionStorage
4. postMessage
5. requestAnimationFrame
6. 自定义属性 data=*
7. ServiceWorker
8. Document Type
9. 实体字符
10. 语义化
11. Repaint & Reflow
12. defer & async

CSS

1. 盒模型
2. 定位
3. z-index
4. 布局 & 居中
5. 浮动 & 清理浮动
6. media query
7. flex
8. rem
9. sass、less

建议看看 《CSS 世界》

JavaScript 基础

1. ES6
2. 数据类型
3. 引用类型
4. 原型链 & 继承
5. this
6. 事件
7. 闭包
8. Ajax、jsonp
9. Promise
10. defineProperty & Proxy

Web 基础 & HTTP 协议

1. 本地 hosts 绑定
2. User Agent
3. MIME Type
4. 正向代理 & 反向代理含义
5. HTTP 状态码
6. 客户端缓存
7. 协商缓存
8. GET、POST
9. 无状态
10. gzip
11. Transfer-Encoding
12. HTTPS 原理
13. XSS 与 CSRF
14. 跨域

React

1. 数据驱动 UI
2. state & props
3. 生命周期、useEffect 第二个参数
4. 常用 hook
5. 父子组件通信
6. HOC
7. Context & redux
8. saga
9. dva
10. ant design
11. 性能优化

Node

1. 单线程
2. EventLoop
3. Buffer & Stream
4. pipe
5. Koa、eggjs

工程

1. 语义化版本号
2. npm & package.json
3. webpack & babel
4. eslint
5. git & commit 规范
6. 非覆盖式发布
7. 简单的 linux 命令

性能优化

1. Performance API & Performance timeline
2. 针对浏览器渲染页面原理的 CSS、JavaScript 语法层面优化
3. 针对 HTTP(2) 协议特性网络性能优化（合并资源、压缩、多个域名等）
4. 用户体验层面性能优化（懒加载之类）

浏览器工作原理

http://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/

前端入门应该知道的

原文：https://www.cnblogs.com/dolphinX/p/12083727.html