Ext江湖

第1章 Ext史前
　1.1 一個頁面做兩周
　1.1.1 變量、對象、數(shù)組
　1.1.1.1 變量
　1.1.1.2 對象和數(shù)組
　1.1.2 其他重要內(nèi)置對象
　1.1.2.1 Nubmer對象
　1.1.2.2 String對象
　1.2.2.3 RegExp對象
　1.1.3 等值判定
　1.1.4 ||運算符
　1.1.5 !運算符
　1.1.6 類型轉(zhuǎn)換技巧
　1.1.7 特殊運算符
　1.1.7.1 instanceof 語句
　1.1.7.2 typeof 語句
　1.1.7.3 delete 運算符
　1.1.7.4 []運算符
　1.1.7.5 ( )運算符
　1.1.7.6 eval 語句
　1.1.7.7 三目運算符
　1.1.1.8 for…in語句
　1.1.7.9 with語句
　1.2 緣起Ext
　1.2.1 開發(fā)工具Spket
　1.2.2 調(diào)試工具Firebug
　1.2.3 編譯工具JSBuilder
　1.2.4 設(shè)計工具
　
第2章 DOM操作
　2.1 基礎(chǔ)概念
　2.1.1 DOM是什么
　2.1.2 為什么要DOM
　2.1.3 DOM怎么用
　2.1.3.1 訪問HTML節(jié)點（Retrieve）
　2.1.3.2 創(chuàng)建、刪除（Create、Delete）
　2.1.3.3 修改標簽屬性和內(nèi)容（Update）
　2.1.4 總結(jié)
　2.2 新石器時代的CRUD
　2.2.1 Ext.Element
　2.2.1.1 Ext.get()
　2.2.1.2 Ext.getDom()
　2.2.1.3 Ext.fly()
　3.2.1.4 操縱樣式屬性
　2.2.2 Ext.DomHelper
　2.2.2.1 概述
　2.2.2.2 append
　2.2.2.3 insertHtml
　2.2.2.4 overwrite
　2.2.2.5 createTemplate
　2.2.3 Ext.DomQuery
　2.2.3.1 概述
　2.2.3.2 元素選擇器
　2.2.3.3 屬性選擇器
　2.2.3.4 偽類選擇器
　2.2.3.5 CSS值選擇器
　2.3 源碼解析：Ext的DOM封裝
　2.3.1 Ext.Element
　2.3.1.1 DOM結(jié)構(gòu)工具
　2.3.1.2 外觀工具
　2.3.2 Ext.DomHelper
　2.3.2.1 設(shè)計思路概述
　2.3.2.2 源碼詳解
　2.3.2.3 DomHelper與Ext.Element協(xié)作
　2.3.3 Ext.DomQuery
　2.3.3.1 設(shè)計思路概述
　2.3.3.2 源碼詳解
　2.3.3.3 與Ext.Element的配合
　本章總結(jié)
第3章 程序員的CSS
　3.1 必知的CSS基礎(chǔ)概念
　3.1.1 歷史淵源
　3.1.2 核心概念一：盒子模型
　3.1.2.1 盒子模型
　3.1.2.2 padding規(guī)則
　3.1.2.3 border規(guī)則
　3.1.2.4 margin規(guī)則
　3.1.3 核心概念二：選擇器
　3.1.4 瀏覽器兼容
　3.2 Ext對CSS的封裝
　3.2.1 靜態(tài)切換主題
　3.2.2 動態(tài)切換主題
　3.2.3 結(jié)構(gòu)化CSS
　3.2.4 Ext UI組件的本質(zhì)
第4章 精通Function
　4.1 JS函數(shù)特性梳理
　4.1.1 參數(shù)可變長
　4.1.2 函數(shù)不能重載
　4.1.3 命名空間
　4.1.4 函數(shù)嵌套
　4.1.5 call/apply/自執(zhí)行
　4.1.6 函數(shù)也是數(shù)據(jù)
　4.1.7 Function
　4.1.8 函數(shù)實例的屬性
　4.1.9 構(gòu)造函數(shù)
　4.1.10 模擬靜態(tài)屬性
　4.1.11 綜合應用：定時器
　4.2 函數(shù)原型
　4.2.1 prototype概述
　4.2.2 向prototype添加自定義屬性
　4.2.3 原型查找機制
　4.2.4 遮蓋
　4.2.5 原型賦值機制
　4.2.6 模擬靜態(tài)屬性
　4.2.7 犀利的prototype
　4.2.7.1 擴展Array
　4.2.7.2 擴展Number
　4.2.7.3 擴展String
　4.2.7.4 擴展Date
　4.2.7.5 擴展Error
　4.2.7.6 擴展Function
　4.3 作用域鏈[[scope]]
　4.3.1 作用域鏈[[scope]]
　4.3.2 標識符解析
　4.3.3 修改作用域鏈和this
　4.4 閉包
　4.4.1 從最簡單的開始
　4.4.2 閉包構(gòu)造三步走
　4.4.3 閉包用法：經(jīng)典案例
　4.4.3.1 獲取Table中被點擊的行
　4.4.3.2 模擬多線程
　4.4.3.3 模擬私有屬性
第5章 Ext事件系統(tǒng)
　5.1 DOM事件演化史
　5.1.1 沒有事件的寂寞年代
　5.1.2 簡單事件模型
　5.1.3 2級事件模型
　5.1.3.1 多個監(jiān)聽函數(shù)
　5.1.3.2 瀏覽器兼容
　5.1.3.3 事件傳播
　5.1.3.4 監(jiān)聽函數(shù)中的this
　5.1.3.5 事件對象
　5.1.4 高級語義事件
　5.1.4.1 設(shè)計自己的事件機制
　5.1.4.2 為原生的事件接口提供快捷方式
　5.1.4.3 雙劍合璧
　5.2 熟練使用Ext的事件機制
　5.2.1 基礎(chǔ)用法
　5.2.1.1 為底層元素注冊監(jiān)聽器
　5.2.1.2 為Ext的UI組件注冊事件
　5.2.2 批量注冊監(jiān)聽器
　5.2.3 指定this
　5.2.4 單次運行的監(jiān)聽器
　5.2.5 掛起和恢復
　5.2.6 事件轉(zhuǎn)發(fā)
　5.2.7 刪除監(jiān)聽函數(shù)
　5.2.8 事件綜合示例
　5.2.9 高級用法一：自定義事件
　5.2.10 高級用法二：為自定義的類提供事件支持
　5.3 Ext事件系統(tǒng)全景解析
　5.3.1 封裝底層事件
　5.3.1.1 Ext.EventManager
　5.3.1.2 Ext.EventObject
　5.3.2 高級事件機制Observable
　5.3.2.1 非可視組件
　5.3.2.2 可視組件
　5.3.2.3 詳解Ext.util.Observable
　5.4 全景式解析API根對象Ext
　5.4.1 整體結(jié)構(gòu)概述
　5.4.2 源碼詳解
　5.4.2.1 Ext版本信息
　5.4.2.2 瀏覽器/OS類型判斷
　5.4.2.3 垃圾收集配置
　5.4.2.4 繼承機制的實現(xiàn)
　5.4.2.5 id機制
　5.4.2.6 對象類型判定
　5.4.2.7 數(shù)組操縱工具
　5.4.2.8 對象引用獲取工具
　本章總結(jié)
第6章 Ext中的Ajax和Direct
　6.1 Ajax的前世今生
　6.2 Ajax和Ext.Ajax
　6.2.1 Ajax那點事兒
　6.2.1.1 創(chuàng)建XHR對象
　6.2.1.2 發(fā)送請求，接收數(shù)據(jù)
　6.2.1.3 Ajax基礎(chǔ)實例
　6.2.2 Ext.Ajax用法和常見陷阱
　6.2.2.1 Ext.Ajax基礎(chǔ)用法
　6.2.2.2 緩存問題
　6.2.2.3 傳輸XML
　6.2.2.4 異步問題
　6.2.2.5 跨域問題
　6.2.2.6 Ajax上傳文件
　6.2.3 Ext.Ajax源碼解析
　6.2.3.1 屏蔽瀏覽器差異
　6.2.3.2 優(yōu)雅地回調(diào)
　6.3 按需加載JS，夢想照進現(xiàn)實
　6.3.1 基礎(chǔ)動態(tài)載入技巧
　6.3.2 使用Ext.Ajax動態(tài)加載JS
　6.3.3 使用jsloader動態(tài)加載
　6.4 Direct
第7章 Ext的數(shù)據(jù)和緩存架構(gòu)
　7.1 JS原生數(shù)據(jù)結(jié)構(gòu)
　7.1.1 數(shù)組技法大演練
　7.1.1.1 join
　7.1.1.2 slice
　7.1.1.3 splice
　7.1.1.4 sort
　7.1.1.5 Ext擴展：indexOf、remove
　7.1.2 JS對象{}
　7.1.2.1 天然Hash特性
　7.1.2.2 偽數(shù)組
　7.1.2.3 天然JSON結(jié)構(gòu)
　7.2 JSON
　7.2.1 使用Ext.util.JSON
　7.2.1.1 encodeldecode
　7.2.1.2 對象深拷貝
　7.2.2 源碼分析
　7.2.2.1 JSON.decode
　7.2.2.2 JSON.encode
　7.2.3 服務端JSON工具介紹
　7.2.3.1 json-lib
　7.2.3.2 DAO直接生成JSON串
　7.2.3.3 Gson
　7.3 XML
　7.3.1 用JS解析XML
　7.3.1.1 直接使用XmlDocument加載XML文件
　7.3.1.2 使用Ajax加載XML數(shù)據(jù)
　7.3.1.3 自制XML解析器源碼分析
　7.3.2 Ext使用XML數(shù)據(jù)
　7.3.2.1 使用Ext.data.XmlStore
　7.3.2.2 Ext.data.XmlStore的解析方式
　7.3.3 JSON VS XML
　7.4 MixedCollection
　7.4.1 概述
　7.4.2 玩轉(zhuǎn)MixedCollection
　7.4.2.1 當做數(shù)組使用
　7.4.2.2 當做HashMap使用
　7.4.2.3 迭代
　7.4.2.4 查找和過濾
　7.4.2.5 排序
　7.4.2.6 MixedCollection的事件
　7.4.3 MixedCollection源碼分析
　7.4.3.1 模擬HashMap
　7.4.3.2 迭代工具
　7.4.3.3 查找和過濾
　7.4.3.4 排序和中文支持
　7.4.3.5 事件支持
　7.4.4 綜合考察MixedCollection
　7.4.4.1 代碼實現(xiàn)層面
　7.4.4.2 設(shè)計層面
　7.5 Store
　7.5.1 Store系組件概述
　7.5.1.1 繼承關(guān)系圖
　7.5.1.2 協(xié)作關(guān)系圖
　7.5.1.3 時序圖
　7.5.1.4 Store的本質(zhì)
　7.5.2 數(shù)據(jù)記錄Record
　7.5.2.1 手動創(chuàng)建Record
　7.5.2.2 create方法源碼解析
　7.5.2.3 拷貝記錄
　7.5.2.4 獲取記錄中的字段
　7.5.3 Store對Record的管理
　7.5.3.1 過濾記錄——where
　7.5.3.2 where機制的實現(xiàn)
　7.5.3.3 記錄排序——order by
　7.5.3.4 order by機制的實現(xiàn)
　7.5.3.5 從設(shè)計角度“品味”排序特性
　7.5.3.6 記錄分組——group by
　7.5.3.7 group by機制的實現(xiàn)
　7.5.3.8 提交和回滾——commit/rollback
　7.5.3.9 commit/rollback機制的實現(xiàn)
　7.5.3.10 從設(shè)計層面“品味”Store的核心特性
　7.5.4 DataProxy
　7.5.4.1 DataProxy系組件概述
　7.5.4.2 用法實例
　7.5.4.3 源碼解析
　7.5.5 DataReader
　7.5.5.1 DataReader系組件概述
　7.5.5.2 用法實例
　7.5.5.3 源碼解析
　7.5.6 DataWriter
　7.5.7 Store系組件總結(jié)
　7.6 Tree
　7.6.1 Tree的基本性質(zhì)
　7.6.1.1 基本屬性
　7.6.1.2 樹和JSON
　7.6.1.3 遞歸遍歷
　7.6.2 Ext.TreeNode
　7.6.2.1 概述
　7.6.2.2 父類Node解析
　7.6.2.3 TreeNode解析
　7.7 Cookie
　7.7.1 Cookie概述
　7.7.2 使用Ext的Cookie
　7.7.3 Ext的Cookies機制
　7.7.3.1 頂級類Component
　7.7.3.2 CookieProvider源碼解析
第8章 面向?qū)ο蠛屠^承
　8.1 JS模擬繼承的方式
　8.1.1 原型繼承
　8.1.1.1 子類prototype賦值為父類實例
　8.1.1.2 刪除不需要的屬性
　8.1.1.3 重置constructor
　8.1.2 對象冒充
　8.1.2.1 對象冒充基礎(chǔ)原理
　8.1.2.2 靜態(tài)屬性
　8.1.3 綜合運用
　8.2 易筋經(jīng)：Ext.extend()
　8.2.1 使用Ext.extend
　8.2.1.1 招式一：子類不提供構(gòu)造函數(shù)
　8.2.1.2 招式二：子類提供顯式構(gòu)造函數(shù)
　8.2.1.3 招式三：子類提供隱式構(gòu)造函數(shù)
　8.2.2 深度解析Ext.extend的源碼
　8.2.2.1 關(guān)鍵點1：私有屬性
　8.2.2.2 關(guān)鍵點2：參數(shù)移位
　8.2.2.3 關(guān)鍵點3：空殼函數(shù)
　8.2.2.4 關(guān)鍵點4：prototype拷貝
　8.2.2.5 關(guān)于靜態(tài)屬性
　8.2.3 Ext.extend本質(zhì)：繼承和接口相統(tǒng)一
　8.2.3.1 機制總結(jié)
　8.2.3.2 Ext中的實例
　8.2.3.3 Ext.extend再認識
第9章 精通Ext的UI組件
　9.1 簡單組件
　9.1.1 MessageBox
　9.1.1.1 熟練使用MessageBox
　9.1.1.2 源碼解析
　9.1.2 ProgressBar
　9.1.2.1 熟練使用進展條
　9.1.2.2 源碼解析
　9.1.3 Menu
　9.1.4 ToolBar
　9.1.4.1 熟練使用ToolBar
　9.1.4.2 ToolBar源碼解析
　9.1.5 LoadMask
　9.1.5.1 使用LoadMask
　9.1.5.2 LoadMask源碼分析
　9.1.6 Tip
　9.2 Panel系
　9.2.1 Panel
　9.2.1.1 加載外部頁面
　9.2.1.2 陷阱和注意點
　9.2.2 Window
　9.2.2.1 Window的重復創(chuàng)建問題
　9.2.2.2 使用WindowGroup管理Window
　9.2.2.3 Window的其他配置項
　9.2.3 TabPanel
　9.3 Form系
　9.3.1 表單的加載和提交
　9.3.2 更改FieldLabel
　9.3.3 多列布局
　9.3.4 VTypes表單校驗
　9.3.5 ComboBox
　9.3.5.1 使用本地數(shù)據(jù)
　9.3.5.2 使用遠程數(shù)據(jù)
　9.3.5.3 Combo分頁
　9.3.5.4 二級聯(lián)動
　9.3.6 CheckBox/Radio Group
　9.3.7 FielSet
　9.3.8 DatePicker
　9.3.9 動態(tài)添加輸入項
　9.4 Grid系
　9.4.1 GridPanel基本用法
　9.4.2 SelectionModel＆RowNumberer
　9.4.3 客戶端分頁
　9.4.4 服務端分頁
　9.4.5 renderer和RowAction
　9.4.6 動態(tài)操縱Record
　9.4.7 數(shù)據(jù)格式化
　9.4.8 綜合應用EditorGridPanel
　9.4.9 GridPanel中的右鍵菜單
　9.5 Tree系
　9.5.1 裝配“樹形”JSON結(jié)構(gòu)
　9.5.2 動態(tài)加載數(shù)據(jù)
　9.5.3 監(jiān)聽事件
　9.5.4 編輯節(jié)點數(shù)據(jù)
　9.5.5 節(jié)點拖曳
　9.5.6 節(jié)點過濾
　9.5.7 ColumnTree
　9.6 DataView系
　9.7 特殊組件
　9.7.1 文件上傳
　9.7.2 網(wǎng)頁編輯器
　9.7.3 調(diào)色板
第10章 詳解UI組件核心機制
　10.1 UI生命周期概述
　10.2 詳解生命周期
　10.2.1 事件機制
　10.2.2 組件查找機制
　10.2.2.1 使用Ext.getCmp
　10.2.2.2 ComponentMgr源碼解析
　10.2.3 初始化機制
　10.2.3.1 拷貝配置屬性
　10.2.3.2 生成id
　10.2.3.3 初始化initComponent
　10.2.4 插件機制
　10.2.5 渲染機制
　10.2.5.1 觸發(fā)beforerender事件
　10.2.5.2 開始渲染onRender
　10.2.5.3 應用樣式
　10.2.5.4 完成渲染afterRender
　10.2.5.5 持久化
　10.2.5.6 布局
　10.2.6 懶渲染機制
　10.2.6.1 直接創(chuàng)建
　10.2.6.2 使用xtype
　10.2.7 銷毀機制
　10.2.8 總結(jié)
　10.3 GridPanel核心機制
　10.3.1 概述
　10.3.2 詳解GridView
　10.3.2.1 GridPanel和GridView協(xié)作關(guān)系
　10.3.2.2 標簽模板初始化
　10.3.2.3 GridView對Store的監(jiān)聽
　10.3.3 數(shù)據(jù)模型
　10.3.4 選中模式
　10.4 FormPanel核心機制
　10.4.1 概述
　10.4.2 Field和VType
　10.5 TreePanel核心機制
　10.5.1 TreeLoader加載數(shù)據(jù)
　10.5.2 樹的事件機制
第11章 布局管理器
　11.1 全面掌握Ext布局
　11.1.1 AbsoluteLayout
　11.1.2 AccordionLayout
　11.1.3 AnchorLayout
　11.1.4 AutoLayout
　11.1.5 BorderLayout
　11.1.6 CardLayout
　11.1.7 ColumnLayout
　11.1.8 FitLayout
　11.1.9 FormLayout
　11.1.10 HBoxLayout
　11.1.11 MenuLayout
　11.1.12 TableLayout
　11.1.13 ToolbarLayout
　11.1.14 VBoxLayout
　11.2 綜合應用ViewPort
　11.3 布局核心源碼詳解
　11.3.1 布局管理器概述
　11.3.2 渲染完成后的布局操作
　11.3.3 Container.doLayout
第12章 擴展UI組件
　12.1 概述
　12.2 常用擴展組件介紹
　12.2.1 下拉樹ComboTree
　12.2.2 時間選擇器
　12.2.3 Desktop和Portal
　12.2.3.1 Desktop實例分析
　12.2.3.2 Portal實例分析
　12.3 擴展組件的技巧
　12.3.1 是否真的需要繼承
　12.3.2 擴展組件的經(jīng)典步驟
　12.3.3 其他注意點
第13章 模 板
　13.1 概述
　13.2 Ext模板用法
　13.2.1 基本拳腳功夫：基礎(chǔ)用法
　13.2.1.1 Ext.Template的基礎(chǔ)用法
　13.2.1.2 Ext.XTempate的基礎(chǔ)用法
　13.2.2 青出于藍：實現(xiàn)“值班日志”
　13.2.3 組合拳：與其他組件配合使用
　13.2.3.1 一個自定義的留言板
　13.2.3.2 與DataView配合使用
　13.3 模板源碼解析
　13.3.1 自己實現(xiàn)Template
　13.3.1.1 概要設(shè)計
　13.3.1.2 詳細設(shè)計
　13.3.1.3 編碼實現(xiàn)
　13.3.1.4 單元測試
　13.3.1.5 說明文檔
　13.3.1.6 重構(gòu)，增加“預編譯”功能
　13.3.2 自己實現(xiàn)XTemplate
　13.3.2.1 實現(xiàn)if標簽
　13.3.2.2 實現(xiàn)for標簽
　13.3.3 Ext模板源碼解析
　13.3.3.1 Ext.Template
　13.3.3.2 Ext.XTemplate
第14章 特 效
　14.1 使用Ext動畫
　14.1.1 調(diào)整大小
　14.1.2 淡入和淡出
　14.1.3 其他特效
　14.2 使用拖曳
　14.2.1 拖曳的基本原理
　14.2.2 基本Ext拖曳
　14.2.3 目標區(qū)域
　14.2.4 Grid和Form之間的拖曳
第15章 圖 表
　15.1 使用Ext的Chart
　15.1.1 解決本地運行問題
　15.1.2 用法實例
　15.1.2.1 前臺本地數(shù)據(jù)
　15.1.2.2 動態(tài)加載遠程數(shù)據(jù)
　15.1.3 其他類型的Chart
　15.2 Ext的Chart源碼分析
　15.2.1 swfobject與Flash
　15.2.2 Ext.FlashComponenet
　15.2.2.1 Chart系組件概述
　15.2.2.2 如何把swf渲染到頁面中
　15.2.3 Flash技術(shù)前景展望
　15.3 其他Chart技術(shù)概覽
　15.3.1 SVG
　15.3.1.1 SVG技術(shù)簡介
　15.3.1.2 基本用法示例
　15.3.1.3 SVG總結(jié)
　15.3.2 VML
　15.3.2.1 VML技術(shù)簡介
　15.3.2.2 實例代碼
　15.3.2.3 學習資源
第16章 報 表
　16.1 客戶端報表ActiveXObject
　16.1.1 導出基本HTML頁面數(shù)據(jù)
　16.1.2 GridPanel導出到Excel
　16.2 后臺報表Excel、PDF
　16.2.1 使用jxl生成Excel
　16.2.2 使用Itext生成PDF/Word
第17章 Ext 4新特性
　17.1 SVG圖表和動畫
　17.2 新的類結(jié)構(gòu)和加載機制
　17.2.1 類結(jié)構(gòu)優(yōu)化
　17.2.2 繼承方式升級
　17.2.3 Mixin機制
　17.2.4 自動生成getter＆setter
　17.2.5 動態(tài)加載類
　17.3 新的數(shù)據(jù)模型
　17.3.1 Model和Store
　17.3.2 代理Proxy
　17.3.3 關(guān)聯(lián)關(guān)系
　17.3.4 加載嵌套數(shù)據(jù)
　17.4 新的主題引擎
第18章 常見問題解答