Ext江湖

第1章 Ext史前
　1.1 一個(gè)頁面做兩周
　1.1.1 變量、對(duì)象、數(shù)組
　1.1.1.1 變量
　1.1.1.2 對(duì)象和數(shù)組
　1.1.2 其他重要內(nèi)置對(duì)象
　1.1.2.1 Nubmer對(duì)象
　1.1.2.2 String對(duì)象
　1.2.2.3 RegExp對(duì)象
　1.1.3 等值判定
　1.1.4 ||運(yùn)算符
　1.1.5 !運(yùn)算符
　1.1.6 類型轉(zhuǎn)換技巧
　1.1.7 特殊運(yùn)算符
　1.1.7.1 instanceof 語句
　1.1.7.2 typeof 語句
　1.1.7.3 delete 運(yùn)算符
　1.1.7.4 []運(yùn)算符
　1.1.7.5 ( )運(yùn)算符
　1.1.7.6 eval 語句
　1.1.7.7 三目運(yùn)算符
　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è)計(jì)工具
　
第2章 DOM操作
　2.1 基礎(chǔ)概念
　2.1.1 DOM是什么
　2.1.2 為什么要DOM
　2.1.3 DOM怎么用
　2.1.3.1 訪問HTML節(jié)點(diǎn)（Retrieve）
　2.1.3.2 創(chuàng)建、刪除（Create、Delete）
　2.1.3.3 修改標(biāo)簽屬性和內(nèi)容（Update）
　2.1.4 總結(jié)
　2.2 新石器時(shí)代的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è)計(jì)思路概述
　2.3.2.2 源碼詳解
　2.3.2.3 DomHelper與Ext.Element協(xié)作
　2.3.3 Ext.DomQuery
　2.3.3.1 設(shè)計(jì)思路概述
　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對(duì)CSS的封裝
　3.2.1 靜態(tài)切換主題
　3.2.2 動(dòng)態(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ù)實(shí)例的屬性
　4.1.9 構(gòu)造函數(shù)
　4.1.10 模擬靜態(tài)屬性
　4.1.11 綜合應(yīng)用：定時(shí)器
　4.2 函數(shù)原型
　4.2.1 prototype概述
　4.2.2 向prototype添加自定義屬性
　4.2.3 原型查找機(jī)制
　4.2.4 遮蓋
　4.2.5 原型賦值機(jī)制
　4.2.6 模擬靜態(tài)屬性
　4.2.7 犀利的prototype
　4.2.7.1 擴(kuò)展Array
　4.2.7.2 擴(kuò)展Number
　4.2.7.3 擴(kuò)展String
　4.2.7.4 擴(kuò)展Date
　4.2.7.5 擴(kuò)展Error
　4.2.7.6 擴(kuò)展Function
　4.3 作用域鏈[[scope]]
　4.3.1 作用域鏈[[scope]]
　4.3.2 標(biāo)識(shí)符解析
　4.3.3 修改作用域鏈和this
　4.4 閉包
　4.4.1 從最簡單的開始
　4.4.2 閉包構(gòu)造三步走
　4.4.3 閉包用法：經(jīng)典案例
　4.4.3.1 獲取Table中被點(diǎn)擊的行
　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級(jí)事件模型
　5.1.3.1 多個(gè)監(jiān)聽函數(shù)
　5.1.3.2 瀏覽器兼容
　5.1.3.3 事件傳播
　5.1.3.4 監(jiān)聽函數(shù)中的this
　5.1.3.5 事件對(duì)象
　5.1.4 高級(jí)語義事件
　5.1.4.1 設(shè)計(jì)自己的事件機(jī)制
　5.1.4.2 為原生的事件接口提供快捷方式
　5.1.4.3 雙劍合璧
　5.2 熟練使用Ext的事件機(jī)制
　5.2.1 基礎(chǔ)用法
　5.2.1.1 為底層元素注冊(cè)監(jiān)聽器
　5.2.1.2 為Ext的UI組件注冊(cè)事件
　5.2.2 批量注冊(cè)監(jiān)聽器
　5.2.3 指定this
　5.2.4 單次運(yùn)行的監(jiān)聽器
　5.2.5 掛起和恢復(fù)
　5.2.6 事件轉(zhuǎn)發(fā)
　5.2.7 刪除監(jiān)聽函數(shù)
　5.2.8 事件綜合示例
　5.2.9 高級(jí)用法一：自定義事件
　5.2.10 高級(jí)用法二：為自定義的類提供事件支持
　5.3 Ext事件系統(tǒng)全景解析
　5.3.1 封裝底層事件
　5.3.1.1 Ext.EventManager
　5.3.1.2 Ext.EventObject
　5.3.2 高級(jí)事件機(jī)制Observable
　5.3.2.1 非可視組件
　5.3.2.2 可視組件
　5.3.2.3 詳解Ext.util.Observable
　5.4 全景式解析API根對(duì)象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 繼承機(jī)制的實(shí)現(xiàn)
　5.4.2.5 id機(jī)制
　5.4.2.6 對(duì)象類型判定
　5.4.2.7 數(shù)組操縱工具
　5.4.2.8 對(duì)象引用獲取工具
　本章總結(jié)
第6章 Ext中的Ajax和Direct
　6.1 Ajax的前世今生
　6.2 Ajax和Ext.Ajax
　6.2.1 Ajax那點(diǎn)事兒
　6.2.1.1 創(chuàng)建XHR對(duì)象
　6.2.1.2 發(fā)送請(qǐng)求，接收數(shù)據(jù)
　6.2.1.3 Ajax基礎(chǔ)實(shí)例
　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，夢(mèng)想照進(jìn)現(xiàn)實(shí)
　6.3.1 基礎(chǔ)動(dòng)態(tài)載入技巧
　6.3.2 使用Ext.Ajax動(dòng)態(tài)加載JS
　6.3.3 使用jsloader動(dòng)態(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擴(kuò)展：indexOf、remove
　7.1.2 JS對(duì)象{}
　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 對(duì)象深拷貝
　7.2.2 源碼分析
　7.2.2.1 JSON.decode
　7.2.2.2 JSON.encode
　7.2.3 服務(wù)端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 當(dāng)做數(shù)組使用
　7.4.2.2 當(dāng)做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 代碼實(shí)現(xiàn)層面
　7.4.4.2 設(shè)計(jì)層面
　7.5 Store
　7.5.1 Store系組件概述
　7.5.1.1 繼承關(guān)系圖
　7.5.1.2 協(xié)作關(guān)系圖
　7.5.1.3 時(shí)序圖
　7.5.1.4 Store的本質(zhì)
　7.5.2 數(shù)據(jù)記錄Record
　7.5.2.1 手動(dòng)創(chuàng)建Record
　7.5.2.2 create方法源碼解析
　7.5.2.3 拷貝記錄
　7.5.2.4 獲取記錄中的字段
　7.5.3 Store對(duì)Record的管理
　7.5.3.1 過濾記錄——where
　7.5.3.2 where機(jī)制的實(shí)現(xiàn)
　7.5.3.3 記錄排序——order by
　7.5.3.4 order by機(jī)制的實(shí)現(xiàn)
　7.5.3.5 從設(shè)計(jì)角度“品味”排序特性
　7.5.3.6 記錄分組——group by
　7.5.3.7 group by機(jī)制的實(shí)現(xiàn)
　7.5.3.8 提交和回滾——commit/rollback
　7.5.3.9 commit/rollback機(jī)制的實(shí)現(xiàn)
　7.5.3.10 從設(shè)計(jì)層面“品味”Store的核心特性
　7.5.4 DataProxy
　7.5.4.1 DataProxy系組件概述
　7.5.4.2 用法實(shí)例
　7.5.4.3 源碼解析
　7.5.5 DataReader
　7.5.5.1 DataReader系組件概述
　7.5.5.2 用法實(shí)例
　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機(jī)制
　7.7.3.1 頂級(jí)類Component
　7.7.3.2 CookieProvider源碼解析
第8章 面向?qū)ο蠛屠^承
　8.1 JS模擬繼承的方式
　8.1.1 原型繼承
　8.1.1.1 子類prototype賦值為父類實(shí)例
　8.1.1.2 刪除不需要的屬性
　8.1.1.3 重置constructor
　8.1.2 對(duì)象冒充
　8.1.2.1 對(duì)象冒充基礎(chǔ)原理
　8.1.2.2 靜態(tài)屬性
　8.1.3 綜合運(yùn)用
　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)鍵點(diǎn)1：私有屬性
　8.2.2.2 關(guān)鍵點(diǎn)2：參數(shù)移位
　8.2.2.3 關(guān)鍵點(diǎn)3：空殼函數(shù)
　8.2.2.4 關(guān)鍵點(diǎn)4：prototype拷貝
　8.2.2.5 關(guān)于靜態(tài)屬性
　8.2.3 Ext.extend本質(zhì)：繼承和接口相統(tǒng)一
　8.2.3.1 機(jī)制總結(jié)
　8.2.3.2 Ext中的實(shí)例
　8.2.3.3 Ext.extend再認(rèn)識(shí)
第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 熟練使用進(jìn)展條
　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 陷阱和注意點(diǎn)
　9.2.2 Window
　9.2.2.1 Window的重復(fù)創(chuàng)建問題
　9.2.2.2 使用WindowGroup管理Window
　9.2.2.3 Window的其他配置項(xiàng)
　9.2.3 TabPanel
　9.3 Form系
　9.3.1 表單的加載和提交
　9.3.2 更改FieldLabel
　9.3.3 多列布局
　9.3.4 VTypes表單校驗(yàn)
　9.3.5 ComboBox
　9.3.5.1 使用本地?cái)?shù)據(jù)
　9.3.5.2 使用遠(yuǎn)程數(shù)據(jù)
　9.3.5.3 Combo分頁
　9.3.5.4 二級(jí)聯(lián)動(dòng)
　9.3.6 CheckBox/Radio Group
　9.3.7 FielSet
　9.3.8 DatePicker
　9.3.9 動(dòng)態(tài)添加輸入項(xiàng)
　9.4 Grid系
　9.4.1 GridPanel基本用法
　9.4.2 SelectionModel＆RowNumberer
　9.4.3 客戶端分頁
　9.4.4 服務(wù)端分頁
　9.4.5 renderer和RowAction
　9.4.6 動(dòng)態(tài)操縱Record
　9.4.7 數(shù)據(jù)格式化
　9.4.8 綜合應(yīng)用EditorGridPanel
　9.4.9 GridPanel中的右鍵菜單
　9.5 Tree系
　9.5.1 裝配“樹形”JSON結(jié)構(gòu)
　9.5.2 動(dòng)態(tài)加載數(shù)據(jù)
　9.5.3 監(jiān)聽事件
　9.5.4 編輯節(jié)點(diǎn)數(shù)據(jù)
　9.5.5 節(jié)點(diǎn)拖曳
　9.5.6 節(jié)點(diǎn)過濾
　9.5.7 ColumnTree
　9.6 DataView系
　9.7 特殊組件
　9.7.1 文件上傳
　9.7.2 網(wǎng)頁編輯器
　9.7.3 調(diào)色板
第10章 詳解UI組件核心機(jī)制
　10.1 UI生命周期概述
　10.2 詳解生命周期
　10.2.1 事件機(jī)制
　10.2.2 組件查找機(jī)制
　10.2.2.1 使用Ext.getCmp
　10.2.2.2 ComponentMgr源碼解析
　10.2.3 初始化機(jī)制
　10.2.3.1 拷貝配置屬性
　10.2.3.2 生成id
　10.2.3.3 初始化initComponent
　10.2.4 插件機(jī)制
　10.2.5 渲染機(jī)制
　10.2.5.1 觸發(fā)beforerender事件
　10.2.5.2 開始渲染onRender
　10.2.5.3 應(yīng)用樣式
　10.2.5.4 完成渲染afterRender
　10.2.5.5 持久化
　10.2.5.6 布局
　10.2.6 懶渲染機(jī)制
　10.2.6.1 直接創(chuàng)建
　10.2.6.2 使用xtype
　10.2.7 銷毀機(jī)制
　10.2.8 總結(jié)
　10.3 GridPanel核心機(jī)制
　10.3.1 概述
　10.3.2 詳解GridView
　10.3.2.1 GridPanel和GridView協(xié)作關(guān)系
　10.3.2.2 標(biāo)簽?zāi)０宄跏蓟?br />　10.3.2.3 GridView對(duì)Store的監(jiān)聽
　10.3.3 數(shù)據(jù)模型
　10.3.4 選中模式
　10.4 FormPanel核心機(jī)制
　10.4.1 概述
　10.4.2 Field和VType
　10.5 TreePanel核心機(jī)制
　10.5.1 TreeLoader加載數(shù)據(jù)
　10.5.2 樹的事件機(jī)制
第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 綜合應(yīng)用ViewPort
　11.3 布局核心源碼詳解
　11.3.1 布局管理器概述
　11.3.2 渲染完成后的布局操作
　11.3.3 Container.doLayout
第12章 擴(kuò)展UI組件
　12.1 概述
　12.2 常用擴(kuò)展組件介紹
　12.2.1 下拉樹ComboTree
　12.2.2 時(shí)間選擇器
　12.2.3 Desktop和Portal
　12.2.3.1 Desktop實(shí)例分析
　12.2.3.2 Portal實(shí)例分析
　12.3 擴(kuò)展組件的技巧
　12.3.1 是否真的需要繼承
　12.3.2 擴(kuò)展組件的經(jīng)典步驟
　12.3.3 其他注意點(diǎn)
第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 青出于藍(lán)：實(shí)現(xiàn)“值班日志”
　13.2.3 組合拳：與其他組件配合使用
　13.2.3.1 一個(gè)自定義的留言板
　13.2.3.2 與DataView配合使用
　13.3 模板源碼解析
　13.3.1 自己實(shí)現(xiàn)Template
　13.3.1.1 概要設(shè)計(jì)
　13.3.1.2 詳細(xì)設(shè)計(jì)
　13.3.1.3 編碼實(shí)現(xiàn)
　13.3.1.4 單元測(cè)試
　13.3.1.5 說明文檔
　13.3.1.6 重構(gòu)，增加“預(yù)編譯”功能
　13.3.2 自己實(shí)現(xiàn)XTemplate
　13.3.2.1 實(shí)現(xiàn)if標(biāo)簽
　13.3.2.2 實(shí)現(xiàn)for標(biāo)簽
　13.3.3 Ext模板源碼解析
　13.3.3.1 Ext.Template
　13.3.3.2 Ext.XTemplate
第14章 特 效
　14.1 使用Ext動(dòng)畫
　14.1.1 調(diào)整大小
　14.1.2 淡入和淡出
　14.1.3 其他特效
　14.2 使用拖曳
　14.2.1 拖曳的基本原理
　14.2.2 基本Ext拖曳
　14.2.3 目標(biāo)區(qū)域
　14.2.4 Grid和Form之間的拖曳
第15章 圖 表
　15.1 使用Ext的Chart
　15.1.1 解決本地運(yùn)行問題
　15.1.2 用法實(shí)例
　15.1.2.1 前臺(tái)本地?cái)?shù)據(jù)
　15.1.2.2 動(dòng)態(tài)加載遠(yuǎn)程數(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 實(shí)例代碼
　15.3.2.3 學(xué)習(xí)資源
第16章 報(bào) 表
　16.1 客戶端報(bào)表ActiveXObject
　16.1.1 導(dǎo)出基本HTML頁面數(shù)據(jù)
　16.1.2 GridPanel導(dǎo)出到Excel
　16.2 后臺(tái)報(bào)表Excel、PDF
　16.2.1 使用jxl生成Excel
　16.2.2 使用Itext生成PDF/Word
第17章 Ext 4新特性
　17.1 SVG圖表和動(dòng)畫
　17.2 新的類結(jié)構(gòu)和加載機(jī)制
　17.2.1 類結(jié)構(gòu)優(yōu)化
　17.2.2 繼承方式升級(jí)
　17.2.3 Mixin機(jī)制
　17.2.4 自動(dòng)生成getter＆setter
　17.2.5 動(dòng)態(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章 常見問題解答