前端入门应该知道的

删除线划掉的可以不掌握，Node 和浏览器原理部分可以不掌握，性能优化部分不要求列全，有自己的理解，知道有哪几个努力的方向即可

HTML

1. defer & async
2. Fetch API & 使用
3. Localstorage & SessionStorage
4. postMessage
5. 自定义属性 data=*
6. Document Type
7. 转义 & 实体字符
8. 语义化
9. requestAnimationFrame
10. ServiceWorker

CSS

1. 盒模型 box-sizing
2. 定位（static、relative、absolute、fixed、sticky）
3. z-index（生效元素、父子 z-index 关系、相邻容器子元素 z-index 关系）
4. 布局 & 居中（双栏布局、三栏布局、垂直居中、垂直对齐）
5. 浮动 & 清理浮动
6. media query
7. flex 相关属性
8. rem
9. sass、less

建议看看 《CSS 世界》

JavaScript 基础

1. ES6
2. 数据类型
3. 引用类型
4. 原型链 & 继承
5. this & 修改 this 指向（bind、箭头函数、apply、call）
6. 事件 & 事件代理
7. Ajax、jsonp
8. 使用 Promise 改善异步代码
9. 闭包
10. defineProperty & Proxy 作用
11. TypeScript，TS 应用越来越广泛，有余力一定要学一下

Web 基础 & HTTP 协议

0. cookie & session
1. 本地 hosts 绑定
2. User Agent
3. MIME Type
4. HTTP 状态码含义
5. 客户端缓存
6. 协商缓存
7. GET、POST 协议区别、限制、语义
8. 无状态是什么意思
9. gzip 是做什么的
10. XSS 与 CSRF
11. 跨域及解决
12. Transfer-Encoding
13. HTTPS 原理
14. 正向代理 & 反向代理含义

建议阅读《图解 HTTP》，只要从事 web 相关工作都应该了解 HTTP 协议

React

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

React 15 和 16 都应该学习

工程

1. 语义化版本号
2. package.json 常用字段（version、main、scripts、repository、dependencies，devDependencies）
3. npm 常用命令（install、test、link、dev、build）
4. webpack & babel（bundle、JSX、ES6、Sass）
5. eslint 常见规则 & 错误解决办法
6. git & commit 规范
7. 非覆盖式发布（多版本发布）
8. 简单的 linux 命令

性能优化

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

Node

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

浏览器工作原理

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