P7 是如何梳理自己前端知識點的？
前端知識點很多，很細碎。一般同學都是死記硬背一些知識點。機靈的同學會背一些案例，更聰明的同學會背一下原理，理解下大概。奈何時光催人老，再好的記憶也會有忘記的時候，況且人生的不同階段所側重的點也不一樣。
最簡單輕松的方式就是從崗位特征進行梳理，按照一定等級進行劃分：
崗位職責：業(yè)務理解與實現(xiàn)、技術沉淀、團隊建設與發(fā)展
通用能力：學習思辨、協(xié)作、規(guī)劃與落地
專業(yè)能力：專業(yè)知識、技術實現(xiàn)、業(yè)務理解
基礎扎實，高質完成
獨當一面、輔助團隊
領域專家、影響團隊
領域突破、業(yè)務增值
無中生有、引領變革
接著找準自己的所在的能力點，進行反思與相應的補足。
這里理解要比死記硬背要重要的多。所以選擇一門課程，從面試考察的知識點入手，梳理前端知識點脈絡，精講各個點的長問問題和設計原理，讓你從死記硬背轉化為理解，實現(xiàn)前端能力增長就顯得尤為重要。
第一章 HTML - 相識
前端增長，業(yè)界發(fā)展，盤他？ 學習目標，人生就是起起落落落？ HTML 咋解析的呢？DOM 構建? CSSOM 如何構建？會阻塞嗎? RenderTree 上來秀一波? Layout 布局引擎，新交規(guī)解析 牛逼的 render 進程合成層，拯救世界? HTML 加載阻塞？咋不上天呢? 頁面渲染會堵車嗎？FM93 交通之聲
第二章 CSS - 相知
啥是 Containing Block？有鳥用? 要 BFC？要啥自行車? 到底是怎么定位？挖坑嗎? 咋布局？設套嗎？flex 兄弟上車? CSS 優(yōu)先級，優(yōu)生優(yōu)育? CSS 預處理原理? 合成器和非合成器動畫，爆 GPU 菊花? 大哥，你的動畫卡頓了，快逃? 基線和行高的坑
第三章 JavaScript - 相愛
瀏覽器引擎與 webkit JavaScript 虛擬機運行原理流程剖析 JavaScript 類型推斷 JavaScript 虛擬機對象訪問優(yōu)化 秒懂事件循環(huán)原理 事件循環(huán)之宏任務與微任務 JavaScript 虛擬機垃圾回收 JavaScript 數(shù)據(jù)類型與內存模型 數(shù)據(jù)類型檢測與深淺克隆 數(shù)據(jù)監(jiān)聽方法有哪些？ 模塊數(shù)據(jù)通信的方法 原型和原型鏈理解不會忘 從執(zhí)行上下文理解閉包
第四章 瀏覽器 - 相生
所謂的單線程 為什么執(zhí)行超過 50ms 是 longtask？ UI 線程與 worker 線程 瀏覽器強制緩存與協(xié)商緩存 serviceworker 與 pagecache 與 memorycache http 請求冪等性和 2.0 的鏈接復用 跨域原因風險和通信方法有哪些？ hign resolution time api performance.timing 加載性能指標計算 xss 漏洞原理和防御 CSRF 攻擊原理和防御編輯刪除 JSONP 劫持和越權漏洞
第五章 框架 - 相克
字符串模板原理和比較 實現(xiàn) virtualDOM 三要素 virtualNode 構建方法和原理 virtualDOM 構建過程和 render 原理 Vue 框架的特點和優(yōu)勢 Vue 中用到的設計模式 Vue 中 initState 初始化流程 Vue 數(shù)據(jù)響應系統(tǒng)實現(xiàn)原理 Vue 的缺點有哪些 React 的 diffDOM 算法 (tree diff 和 component) React 的 element diff 算法 React 新特性 hooks？context？錯誤邊界？ SPA 路由實現(xiàn)的幾種方法和原理
第六章 編碼能力 - 相輔
常見排序算法簡介 貪心、分治、動態(tài)規(guī)劃、回溯等算法 編碼能力設計模式等思考
第七章 Node.js- 相成
Node 事件驅動高并發(fā)的原因 Node 事件循環(huán)機制
適宜人群
想要提高卻不得門道的前端開發(fā)同學； 為找工作進行面試準備的前端開發(fā)同學
課程思維導圖
課程鏈接
評論
圖片
表情