GitHub Star 4.5K 項目 San 核心人員傾力打造從 0 到 1，用 JavaScript 動手做一個 MVVM 框架揭秘支撐百度搜索、Feed、小程序三大業務的MVVM框架設計帶你跳出框架，領悟高性能跨端全棧設計思想跳出框架，闡述設計思想跨端開發，專注性能優化全站全端，場景自由切換本書在以下幾個方面有所創新和突破：1.設計思想：跳出框架之外，帶大家了解為何需要框架，以及框架如何設計的書；2.性能為上：在框架設計、工程鏈路、跨端開發、全棧實現等方面結合具等

●第1章 San，一個新的起點
1.1 San的誕生
1.2 San的特性
1.3 框架對比
1.3.1 抽像程度
1.3.2 運行時和預編譯
1.3.3 同構與跨端
1.3.4 生態
1.4 為什麼選擇San
1.5 小結
第2章 組件，一切的起點
2.1 從實際項目出發，實現一個簡單的San
2.1.1 實現一篇文章
2.1.2 實現文章列表
2.1.3 抽像出文章類
2.1.4 數據驅動視圖的邏輯
2.2 編寫第一個San組件
2.2.1 安裝San
2.2.2 Hello San
2.3 使用San實現文章項
2.3.1 使用HTML語法描述結構
2.3.2 使用CSS控制樣式
2.4 聲明式的視圖模板
2.4.1 插值語法
2.4.2 屬性綁定
2.4.3 表達式
2.4.4 方法
2.4.5 過濾器
2.5 事件
2.5.1 事件修飾符
2.5.2 自定義事件
2.6 指令
2.6.1 條件
2.6.2 循環
2.6.3 源碼解析
2.7 San組件
2.7.1 組件定義
2.7.2 生命周期
2.7.3 視圖模板
2.7.4 數據
2.7.5 組件引用
2.8 雙向綁定
2.9 工程搭建
2.10 小結
第3章 數據，組件的基石
3.1 響應式原理
3.1.1 如何追蹤數據變化
3.1.2 主動式數據變化追蹤
3.1.3 如何收集依賴
3.1.4 如何觸發視圖更新
3.2 視圖更新
3.2.1 視圖更新過程
3.2.2 ANode
3.2.3 基於ANode的預處理
3.2.4 節點遍歷中斷
3.3 數據及其更新
3.3.1 數據定義
3.3.2 數據校驗
3.4 狀態管理
3.4.1 為什麼要進行狀態管理
3.4.2 基礎使用
3.4.3 san-store的實現原理
3.4.4 san-update庫
3.4.5 實例
3.5 小結
第4章 組件進階，構造復雜的前端應用
4.1 組件間通信
4.1.1 父子組件通信
4.1.2 更多組件通信方式
4.2 插槽
4.2.1 數據環境
4.2.2 命名
4.2.3 作用域插槽
4.3 路由
4.4 動畫和過渡
4.4.1 s-transition
4.4.2 動畫控制器
4.5 APack
4.6 小結
第5章 服務端渲染
5.1 服務端渲染的用途
5.1.1 單頁應用的問題
5.1.2 引入服務端渲染
5.1.3 應用場景評估
5.2 如何做服務端渲染
5.2.1 立即使用San SSR
5.2.2 開發支持SSR的組件
5.2.3 編譯到其他語言和平臺
5.3 San SSR的工作原理
5.3.1 San服務端渲染過程
5.3.2 組件信息解析
5.3.3 編譯到render AST
5.3.4 render的代碼生成
5.4 客戶端反解
5.4.1 組件反解的概念
5.4.2 數據注釋
5.4.3 復合插值文本
5.4.4 調用組件反解
5.5 服務端渲染優化
5.5.1 預渲染優化
5.5.2 正確使用render
5.5.3 編譯到源碼
5.5.4 復用運行時工具庫
5.6 小結
第6章 San命令行工具
6.1 為什麼需要San CLI
6.2 命令行工具的實現
6.2.1 解析命令行參數
6.2.2 命令行工具的發布和調試
6.2.3 基於yargs的命令行模塊
6.2.4 命令行插件化的實現
6.3 打造San項目腳手架
6.3.1 實現簡單的項目腳手架
6.3.2 實現可交互的項目腳手架
6.3.3 腳手架的完整實現邏輯
6.3.4 更好地組織代碼
6.4 San CLI的構建方案
6.4.1 編譯與構建
6.4.2 構建方案的技術選型
6.4.3 San CLI的構建方案
6.5 San CLI的整體架構
6.6 開箱即用的實踐
6.6.1 語言層面的支持
6.6.2 開發調試
6.6.3 面向項目部署
6.6.4 性能優化
6.7 小結
第7章 組件編譯和HMR
7.1 San單文件組件
7.1.1 一個簡單的San單文件組件
7.1.2 單文件組件的特性
7.2 單文件組件編譯的配置
7.2.1 加載器和插件
7.2.2 San加載器簡介
7.3 單文件組件編譯的原理
7.3.1 提取San文件中的模板、腳本和樣式
7.3.2 從單文件組件到San組件
7.3.3 San加載器的構建流程
7.3.4 San加載器的整體運行流程
7.4 實現組件的HMR
7.4.1 webpack HMR簡介
7.4.2 HMR的工作原理
7.4.3 san-hot-loader簡介
7.4.4 San組件的HMR的實現
7.5 利用APack實現組件的傳輸優化
7.5.1 從模板到ANode
7.5.2 從ANode到APack
7.5.3 APack的實現原理
7.6 小結
第8章 測試與調試
8.1 San DevTools簡介
8.1.1 San DevTools的設計初衷
8.1.2 技術選型
8.2 San DevTools中的通信
8.2.1 工作原理
8.2.2 構建WebSocket服務
8.2.3 構建Bridge與協議解耦
8.2.4 構建調試頁面與被調試頁面之間的通信信道
8.3 San DevTools中的數據收集和處理
8.3.1 收集頁面中的San數據
8.3.2 構建Agent
……

本書以San為例，結合具體的實現，從框架設計、工程鏈路、跨端開發和全棧實現等方面說明了如何優化前端框架的性能。主要內容包括：San的組件化設計、響應式的數據設計，以及數據流管理等知識；San SSR的設計及其在業務中的具體運用；在“開發-調試-編譯-部署”工作流中用於提升效率的工具，專門為San開發的命令行工具San CLI，以及對應的可視化界面實現；San的跨端融合支持；San的發展規劃。本書適合所有前端開發人員閱讀。

百度KFive 著