大廠前端校招 - 知識體系

*表明非必須

編程語言

HTML

• 盒模型

• HTML5

  • 語義化標籤
  • canvas & svg
  • 響應式 meta

CSS

• 選擇器

  • 優先級策略
  • 僞類 / 僞元素

• 樣式表繼承

• CSS3

  • Flex & Grid
  • filter
  • 媒體查詢 & rem
  • Transform & Animation

• BFC

  • 高度塌陷
  • Margin塌陷
  • Float清除
  • position 嵌套 & 覆蓋

Javascript

• ECMAScript

  • ES5

    • 基本數據類型
    • 函數級做用域
    • 閉包
    • 方法調用/函數調用
    • 高階函數
    • 模塊加載

  • ES6+

    • 塊級做用域

    • 模板字符串

    • Promise 微任務

    • Async 迭代器

    • Class

      • 繼承

    • proxy

    • 箭頭函數

      • this 指向

  • 原型鏈

    • new 操做符
    • bind / call / apply
    • 深拷貝

• BOM

  • DOM交互

    • 事件代理

      • 冒泡 / 捕獲
      • 兩種監聽方法

  • 表單管理

    • 如何提交一個表單

• History API

• XHR API

• 異步機制

  • Event Loop

    • MacroTask / MicroTask

• 垃圾回收機制

  • 標記清除 / 引用計數

WebAssembly *

計算機網絡

七層OSI模型

HTTP

• 1.0 / 1.1 / 2.0

  • 1.0
  • 1.1 持久化
  • 2.0 管線 / 服務端推送

• 狀態碼

• 緩存控制策略

TCP

• 3次握手 / 4次揮手

• 滑動窗口

  • 慢啓動 / 擁塞控制

• 可靠通訊

  • TCP狀態機

UDP

WebSocket

數據結構

字符串 / 數組 / 鏈表

哈希表 / 二叉樹 / 隊列 / 棧

算法

BFS/DFS

動態規劃

位運算

排序

• 冒泡 / 選擇 / 快排 / 歸併

  • 分佈式排序 *

滑動窗口

數學

線性代數

• 矩陣

  • 矩陣的秩

高等數學

• 鏈式求導
• 梯度 / 導數 / 偏導

編譯原理 *

服務器基礎

Node *

PHP *

• CGI / Fast-CGI
• SetCookie

數據庫 *

• SQL

  • 時間函數

  • 讀鎖和寫鎖

  • 數據類型

    • char / varchar 區別

  • 命令調用

    • drop, delete, truncate

  • 事務

ELK *

進程與線程

• 互斥與死鎖

工程實踐

模塊化

• ES5

  • CommonJS / AMD / CMD思想

• ES6+

  • Class

    • Polyfill

用戶鑑權

• OAuth

組件化

依賴構建

• Webpack
• Gulp *

版本管理

• Git

  • 分支機制

包管理

性能優化

• base64編碼 / 精靈圖

• 懶加載 / 預加載

• 靜態資源的渲染阻塞

• CSS 選擇器優化 / 表達式優化

• CDN

• 緩存控制

  • ajax緩存
  • header字段

主流框架（至少一個）

Vue

• 生命週期流程

• HTML模板

• 組件通訊機制

• 高階組件

• Router原理

• VueX狀態管理

  • Action / Mutation

• 雙向綁定原理

• Virtual Dom

  • Diff 原理 *

React

• 生命週期
• JSX
• Redux
• 組件狀態管理

瀏覽器

渲染機制

• DOM
• 重繪/迴流
• shadow DOM

瀏覽器緩存

• Cookie
• Storage

同源策略

• 跨域訪問方法

SEO優化

• meta標籤

安全

• TLS

  • 非對稱加密原理 *

• 網絡攻擊

  • XSS
  • CSRF
  • 數據庫注入 *