前端入門應該知道的

刪除線划掉的可以不掌握，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/