個人博客目錄

JavaScript

---

• 簡介
• 彙總

變量類型和計算

1. 內置類型

2. typeof

3. 類型轉換

   • 轉Boolean
   • 對象轉基本類型
   • 四則運算符
   • ==操做符
   • 比較運算符

原型與原型鏈

1. new

2. instanceof

閉包和做用域

1. 執行上下文

2. this

3. call, apply, bind區別

   • 模擬實現call和apply

異步和單線程

其它

1. 日期

2. Math

3. 經常使用API

JS-Web-API

1. DOM

2. BOM

ES6

深淺拷貝

1. 淺拷貝

2. 深拷貝

模塊化

1. CommonJS

2. AMD

防抖

節流

繼承

Promise實現

Generator實現

Map、FlapMap和Reduce

async和await

Proxy

爲何0.1 + 0.2 != 0.3

正則表達式

1. 元字符

2. 修飾語

3. 字符簡寫

Browser

---

事件機制

• 事件觸發三階段
• 註冊事件
• 事件代理

跨域

• JSONP
• CORS
• document.domain
• postMessage

Event loop

• Node中的Event loop
• 瀏覽器中的Event loop

存儲

• cookie, localStorage, sessionStorage, indexDB
• Service Worker

渲染機制

• Load和DOMContentLoaded區別
• 圖層
• 重繪(Repaint)和迴流(Reflow)
• 減小重繪和迴流

Performance

---

網絡相關

• DNS預解析

• 緩存

  • 強緩存

  • 協商緩存

    • Last-Modifhed和If-Modifhed-Since
    • ETag和If-None-Match

  • 選擇合適的緩存策略

• 使用HTTP/2.0

• 預加載

• 預渲染

優化渲染過程

• 懶執行
• 懶加載

文件優化

• 圖片優化

  • 計算圖片大小
  • 圖片加載優化

• 其餘文件優化

• CDN

其餘

• 使用Webpack優化項目
• 監控

Safety

---

XSS

• 如何攻擊
• 如何防護
• CSP

CSRF

• 如何攻擊

• 如何預防

  • SameSite
  • 驗證Referer
  • Token

密碼安全

• 加鹽

Framework

---

通識

• MVVM

  • 髒數據檢測
  • 數據劫持
  • Proxy與Obeject.defineProperty對比

• Virtual Dom

  • 爲何須要Virtual Dom
  • Virtual Dom算法簡述
  • Virtual Dom算法實現

Vue

• 生命週期分析
• NextTick原理分析

React

• 生命週期分析
• V16 生命週期函數用法建議
• setState
• Redux源碼分析

Network

---

UDP

• 不可靠性
• 面向報文
• 高效
• 傳輸方式

TCP

• 頭部

• 狀態機

  • 創建鏈接三次握手
  • 斷開連接四次握手

• ARQ協議

  • 中止等待ARQ
  • 連續ARQ
  • 累計確認

• 滑動窗口

  • Zero窗口

• 擁塞處理

  • 慢開始算法
  • 擁塞避免算法
  • 快速重傳
  • TCP New Ren改進後的快恢復

HTTP

• Post和Get的區別
• 常見狀態碼
• HTTP首部

HTTPS

• TLS

HTTP 2.0

• 二進制傳輸
• 多路複用
• Header壓縮
• 服務端Push
• QUIC

DNS

從輸入URL到頁面加載完成的過程

DataStruct

---

棧

隊列

鏈表

樹

Trie

並查集

堆

Algorithm

---

時間複雜度

位運算

• 左移<<
• 算數右移>>
• 按位操做

排序

• 冒泡排序
• 插入排序
• 選擇排序
• 歸併排序
• 快排
• 堆排序
• 系統自帶排序實現

鏈表

• 反轉單向鏈表

樹

• 二叉樹的先序，中序，後序遍歷
• 中序遍歷的前驅後繼節點
• 樹的深度

動態規劃

• 斐波那契數列
• 0-1揹包問題
• 最長遞增子序列

Git

---

Rebase

stash

reflog

reset

Career

---

花時間補基礎，讀文檔

學會搜索

學點英語

畫個圖，想想再作

利用好下班時間學習

列好ToDo

反思和整理