《高性能MVVM框架的設計與實現(xiàn) San》讀書筆記思維導圖

思維導圖PPT模板《高性能MVVM框架的設計與實現(xiàn)San》最新版讀書筆記，下載可以直接修改組件數(shù)據(jù)原理設計小結渲染視圖框架服務端使用技術實現(xiàn)工具第章調試性能方案命令行項目本書關鍵字分析思維導圖01第1章San，一個新的起點第3章數(shù)據(jù)，組件的基石第5章服務端渲染第2章組件，一切的起點第4章組件進階，構造復雜的前端應用第6章San命令行工具目錄030502040607第7章組件編譯和HMR第9章SanNative跨端融合第8章測試與調試第10章San的未來目錄0908010內容摘要本書以San為例，結合具體的實現(xiàn)，從框架設計、工程鏈路、跨端開發(fā)和全棧實現(xiàn)等方面說明了如何優(yōu)化前端框架的性能。主要內容包括：San的組件化設計、響應式的數(shù)據(jù)設計，以及數(shù)據(jù)流管理等知識；SanSSR的設計及其在業(yè)務中的具體運用；在“開發(fā)–調試–編譯–部署”工作流中用于提升效率的工具，專門為San開發(fā)的命令行工具SanCLI，以及對應的可視化界面實現(xiàn)；San的跨端融合支持；San的發(fā)展規(guī)劃。本書適合所有前端開發(fā)人員閱讀。第1章San，一個新的起點1.1San的誕生1.2San的特性1.3框架對比1.4為什么選擇San1.5小結12345第1章San，一個新的起點1.3.1抽象程度1.3.2運行時和預編譯1.3.3同構與跨端1.3.4生態(tài)1.3框架對比第2章組件，一切的起點2.1從實際項目出發(fā)，實現(xiàn)一個簡單的S...2.2編寫第一個San組件2.3使用San實現(xiàn)文章項2.4聲明式的視圖模板2.5事件2.6指令010302040506第2章組件，一切的起點2.7San組件2.8雙向綁定2.9工程搭建2.10小結第2章組件，一切的起點2.1.1實現(xiàn)一篇文章2.1.2實現(xiàn)文章列表2.1.3抽象出文章類2.1.4數(shù)據(jù)驅動視圖的邏輯2.1從實際項目出發(fā)，實現(xiàn)一個簡單的S...2.2.2HelloSan2.2.1安裝San2.2編寫第一個San組件2.3.2使用CSS控制樣式2.3.1使用HTML語法描述結構2.3使用San實現(xiàn)文章項2.4.1插值語法2.4.2屬性綁定2.4.3表達式2.4.4方法2.4.5過濾器123452.4聲明式的視圖模板2.5.2自定義事件2.5.1事件修飾符2.5事件2.6.1條件2.6.3源碼解析2.6.2循環(huán)2.6指令2.7.1組件定義2.7.2生命周期2.7.3視圖模板2.7.4數(shù)據(jù)2.7.5組件引用123452.7San組件第3章數(shù)據(jù)，組件的基石3.1響應式原理3.2視圖更新3.3數(shù)據(jù)及其更新3.4狀態(tài)管理3.5小結12345第3章數(shù)據(jù)，組件的基石3.1.1如何追蹤數(shù)據(jù)變化3.1.2主動式數(shù)據(jù)變化追蹤3.1.3如何收集依賴3.1.4如何觸發(fā)視圖更新3.1響應式原理3.2.1視圖更新過程3.2.2ANode3.2.3基于ANode的預處理3.2.4節(jié)點遍歷中斷3.2視圖更新3.3.2數(shù)據(jù)校驗3.3.1數(shù)據(jù)定義3.3數(shù)據(jù)及其更新3.4.1為什么要進行狀態(tài)管理3.4.2基礎使用3.4.3san-store的實現(xiàn)原理3.4.4san-update庫3.4.5實例123453.4狀態(tài)管理第4章組件進階，構造復雜的前端應用4.1組件間通信4.2插槽4.3路由4.4動畫和過渡4.5APack4.6小結010302040506第4章組件進階，構造復雜的前端應用4.1.2更多組件通信方式4.1.1父子組件通信4.1組件間通信4.2.1數(shù)據(jù)環(huán)境4.2.3作用域插槽4.2.2命名4.2插槽4.4.2動畫控制器4.4.1s-transition4.4動畫和過渡第5章服務端渲染5.1服務端渲染的用途5.2如何做服務端渲染5.3SanSSR的工作原理5.4客戶端反解5.5服務端渲染優(yōu)化5.6小結010302040506第5章服務端渲染5.1.1單頁應用的問題5.1.3應用場景評估5.1.2引入服務端渲染5.1服務端渲染的用途5.2.1立即使用SanSSR5.2.3編譯到其他語言和平臺5.2.2開發(fā)支持SSR的組件5.2如何做服務端渲染5.3.1San服務端渲染過程5.3.2組件信息解析5.3.3編譯到renderAST5.3.4render的代碼生成5.3SanSSR的工作原理5.4.1組件反解的概念5.4.2數(shù)據(jù)注釋5.4.3復合插值文本5.4.4調用組件反解5.4客戶端反解5.5.1預渲染優(yōu)化5.5.2正確使用render5.5.3編譯到源碼5.5.4復用運行時工具庫5.5服務端渲染優(yōu)化第6章San命令行工具6.1為什么需要SanCLI6.2命令行工具的實現(xiàn)6.3打造San項目腳手架6.4SanCLI的構建方案第6章San命令行工具6.5SanCLI的整體架構6.7小結6.6開箱即用的最佳實踐第6章San命令行工具6.2.1解析命令行參數(shù)6.2.2命令行工具的發(fā)布和調試6.2.3基于yargs的命令行模塊6.2.4命令行插件化的實現(xiàn)6.2命令行工具的實現(xiàn)6.3.1實現(xiàn)簡單的項目腳手架6.3.2實現(xiàn)可交互的項目腳手架6.3.3腳手架的完整實現(xiàn)邏輯6.3.4更好地組織代碼6.3打造San項目腳手架6.4.1編譯與構建6.4.3SanCLI的構建方案6.4.2構建方案的技術選型6.4SanCLI的構建方案6.6.1語言層面的支持6.6.2開發(fā)調試6.6.3面向項目部署6.6.4性能優(yōu)化6.6開箱即用的最佳實踐第7章組件編譯和HMR7.1San單文件組件7.2單文件組件編譯的配置7.3單文件組件編譯的原理7.4實現(xiàn)組件的HMR7.5利用APack實現(xiàn)組件的傳輸優(yōu)化7.6小結010302040506第7章組件編譯和HMR7.1.2單文件組件的特性7.1.1一個簡單的San單文件組件7.1San單文件組件7.2.2San加載器簡介7.2.1加載器和插件7.2單文件組件編譯的配置7.3.1提取San文件中的模板、腳本...7.3.2從單文件組件到San組件7.3.3San加載器的構建流程7.3.4San加載器的整體運行流程7.3單文件組件編譯的原理7.4.1webpackHMR簡介7.4.2HMR的工作原理7.4.3san-hot-loader...7.4.4San組件的HMR的實現(xiàn)7.4實現(xiàn)組件的HMR7.5.1從模板到ANode7.5.3APack的實現(xiàn)原理7.5.2從ANode到APack7.5利用APack實現(xiàn)組件的傳輸優(yōu)化第8章測試與調試8.1SanDevTools簡介8.2SanDevTools中的通信8.3SanDevTools中的數(shù)據(jù)...8.4單元測試8.5小結12345第8章測試與調試8.1.2技術選型8.1.1SanDevTools的設...8.1SanDevTools簡介8.2.1工作原理8.2.2構建WebSocket服務8.2.3構建Bridge與協(xié)議解耦8.2.4構建調試頁面與被調試頁面之間...8.2SanDevTools中的通信8.3.1收集頁面中的San數(shù)據(jù)8.3.2構建Agent8.3.3構建頁面組件樹8.3.4實時修改組件數(shù)據(jù)8.3SanDevTools中的數(shù)據(jù)...8.3.5組件性能數(shù)據(jù)的處理8.3.7san-store中的時間旅...8.3.6事件與消息8.3SanDevTools中的數(shù)據(jù)...8.4.2快照測試8.4.1DOM測試8.4單元測試第9章SanNative跨端融合9.1跨平臺開發(fā)9.2渲染引擎9.3高性能的跨端技術方案9.4SanNative的Web化9.5共享機制和多bundle9.6小結010302040506第9章SanNative跨端融合9.1.2跨端渲染方案的優(yōu)缺點9.1.1JavaScript驅動的N...9.1跨平臺開發(fā)9.2.1供JavaScript調用的...9.2.3實現(xiàn)JavaScri