前端增加-你不知道的那些細節

前端增加-從新定義大前端

精心打造全新課程，歡迎吐槽！反饋寶貴意見！

在線課程：前端增加-你不知道的那些細節
附贈：常見核心前端面試問題與詳細解答
官方博客：FED123前端學堂
課件腦圖下載：https://github.com/chalecao/fed-regain

課程介紹

前端知識點不少，很細碎。通常同窗都是死記硬背一些知識點。機靈的同窗會背一些案例，更聰明的同窗會背一下原理，理解下大概。奈什麼時候光催人老，再好的記憶也會有忘記的時候，何況人生的不一樣階段所側重的點也不同。
因此本課程從面試考察的知識點入手，梳理前端知識點脈絡，精講各個點的長問問題和設計原理，讓你從死記硬背轉化爲理解，實現前端能力增加。不再須要死記硬背，該忘記就忘記吧，有事沒事想想，捋一捋就行。

課程大綱

本課程參考總結的腦圖逐個展開講解原理。（目前課件還在更新中）

第一章 HTML-相識
1.1 前端增加，業界發展，盤他？
1.2 學習目標，人生就是起起落落落？
1.3 HTML咋解析的呢？DOM構建
1.4 CSSOM如何構建？會阻塞嗎
1.5 RenderTree上來秀一波
1.6 Layout佈局引擎，新交規解析
1.7 牛逼的render進程合成層，拯救世界
1.8 HTML加載阻塞？咋不上天呢
1.9 頁面渲染會堵車嗎？FM93交通之聲

第二章 CSS-相知
2.1 啥是Containing Block？有鳥用
2.2 要BFC？要啥自行車
2.3 究竟是怎麼定位？挖坑嗎
2.4 咋佈局？設套嗎？flex兄弟上車
2.5 CSS優先級，優生優育
2.6 CSS預處理原理
2.7 合成器和非合成器動畫，爆GPU菊花
2.8 大哥，你的動畫卡頓了，快逃
2.9 基線和行高的坑

第三章 JavaScript-相愛
3.1 瀏覽器引擎與webkit
3.2 JavaScript虛擬機運行原理流程剖析
3.3 JavaScript類型推斷
3.4 JavaScript虛擬機對象訪問優化
3.5 秒懂事件循環原理
3.6 事件循環之宏任務與微任務
3.7 JavaScript虛擬機垃圾回收
3.7 JavaScript數據類型與內存模型
3.9 數據類型檢測與深淺克隆
3.10 數據監聽方法有哪些？
3.11 模塊數據通訊的方法

第四章 瀏覽器-相生
4.1 所謂的單線程
4.2 爲何執行超過50ms是longtask？
4.3 UI線程與worker線程
4.4 瀏覽器強制緩存與協商緩存
4.5 serviceworker與pagecache與memorycache
4.6 http請求冪等性和2.0的連接複用
4.7 跨域緣由風險和通訊方法有哪些？
4.8 hign resolution time api
4.9 performance.timing加載性能指標計算

第五章 框架-相剋 【8月10更新】

第六章 編碼能力-相輔 【8月10更新】

第7章 NodeJs-相成 【8月20更新】

第8章 打包-相情 【8月20更新】

第9章 小程序-相怨【8月20更新】

第10章 前端架構-相恨 【8月20更新】

課件思惟導圖：