diff --git a/docs/README.md b/docs/README.md
index b334145..41c8676 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -9,6 +9,8 @@
 | BUI 1.5.x 文档更新  |2018-11-06      |
 | BUI 1.5.1 文档更新  |2019-1-14      |
 | BUI 1.5.2 文档更新  |2019-3-19      |
+| 更新数据驱动章节  |2019-4-01      |
+| 更新模块生命周期章节  |2019-5-29      |
 
 !> 注意: `1.5.x` 的切图规范为 `750px` 设计稿, `1.4.x` 旧版切图规范为 `540px` 设计稿, 两者不能直接替换更新, 请先确保你的文档跟你当前开发的bui版本一致. `bui.version`可以查看版本, `bui.currentPlatform`可以查看当前`bui.js` 属于哪个平台.
 
diff --git a/docs/_sidebar.md b/docs/_sidebar.md
index 36fb98a..f1d35bb 100644
--- a/docs/_sidebar.md
+++ b/docs/_sidebar.md
@@ -1,4 +1,8 @@
-* [1.4.x 旧版教程入口](http://www.easybui.com/guide-1.4.x/)
+* 链接
+    * [1.4.x 旧版教程入口](http://www.easybui.com/guide-1.4.x/)
+    * [Link 专栏](linkapi.md)
+    * [BUI 专栏](article.md)
+
 
 * 入门
 
@@ -13,8 +17,9 @@
 
 
 * 进阶
-  * [单页路由](chapter2/router.md)
   * [模块化](chapter2/loader.md)
+  * [单页路由](chapter2/router.md)
+  * [单页生命周期](chapter2/life.md)
   * [控件用法](chapter2/controls.md)
   * [动画交互](chapter2/animate.md)
   * [常用方法](chapter2/method.md)
@@ -29,6 +34,7 @@
   * [表单绑定](store/form.md)
   * [模板渲染](store/template.md)
   * [事件处理](store/event.md)
+  * [数据调试](store/debug.md)
   * [控件结合](store/controls.md)
   * [综合案例](store/case.md)
 
diff --git a/docs/changelog.md b/docs/changelog.md
index d66009b..1880f7f 100644
--- a/docs/changelog.md
+++ b/docs/changelog.md
@@ -3,7 +3,87 @@
 ## 目录
 [TOC]
 
-## 1.5.2 20190328
+## 1.5.3 20190501
+
+### 升级指南
+
+** 一, 资源替换: **
+
+执行命令, 选择你使用的平台, buijs 需要更新到 0.5.0 命令才会生效
+
+```
+# 更新 webapp 平台 bui.css, bui.js
+$ buijs update   
+
+# 更新 dcloud 平台 bui.css, bui.js
+$ buijs update -p dcloud   
+
+# 更新 apicloud 平台 bui.css, bui.js
+$ buijs update -p apicloud
+
+# 更新 appcan 平台 bui.css, bui.js
+$ buijs update -p appcan    
+```
+
+b-el bs.$els.demo.innerText
+bs.items.$set
+b-on 
+bs.$set
+b-key
+b-ref 子组件
+
+
+### 重要更新
+
+微信IOS版运行的表单, 如果出现底部有灰色的区域, 监听取消焦点以后,调用scrollIntoView可以解决.
+```
+router.$("input,textarea").on("blur", function() {
+    this.scrollIntoView(false)
+})
+```
+
+### bui.css
+1. 修复默认路由跳转效果,在IPhone第一次跳会闪白问题.
+
+### bui.router
+1. 优化firstAnimate参数, 当等于true时, 要跳转过去的页面如果是地图,chart等比较耗性能的页面, 应该采用这种动画优先的方式,避免跳转过程中渲染图表导致卡顿. 如果是跟 store 一起使用,则不建议开启, 会先跳转过去后再进行数据渲染.
+2. 修复bui.back 如果是指定模块名时,后退的页面不正确.
+
+### bui.extend
+1. 新增插件扩展
+
+### bui.array
+1. bui.array.set 支持替换整个数据
+2. bui.array.getAll 支持获取多个数组是否存在
+
+### bui.store
+1. 修复set 方法会触发2次trigger问题
+2. 
+
+### bui.number
+1. 新增 parentId 参数, 默认: .bui-page , 正常初始化一组, 只需一次, 不用id 参数, 这样即使在列表里的 number 动态的也能正常初始化.
+2. 
+
+### bui.getPageParams
+1. 修复在单页路由的 bui.ready 里面拿不到页面参数问题
+
+### bui.upload
+1. startAll 方法,新增 needFileinfo参数, 可以把文件的基本信息一起传给接口, 对于实现一个页面多个上传类型,共享一个文件上传控件.
+
+### bui.searchbar
+1. 新增value方法,获取当前的关键字.
+
+### bui.list, bui.pullrefresh, bui.scroll, bui.router, bui.tab, bui.slide
+1. 新增resize方法
+
+### bui.upload, bui.fileselect
+1. 新增resize方法, 压缩图片
+
+### bui.list
+1. 新增autoUpdatePage参数,默认true
+1. 新增updatePage方法, 用于手动更新判断是否还有最后一页数据.
+
+## 1.5.2 20190401
 
 ### 升级指南
 
diff --git a/docs/chapter1/about.md b/docs/chapter1/about.md
index 64626d5..d49a728 100644
--- a/docs/chapter1/about.md
+++ b/docs/chapter1/about.md
@@ -3,7 +3,7 @@
 
 ## BUI 是什么?
 
-?> BUI 是用来`快速构建界面交互`的UI框架, 专注webapp开发, 开发者只需关注业务的开发, 界面的布局及交互交给BUI, 开发出来的应用, `可以嵌入平台` ( 微信, 小程序, 钉钉, 淘宝, 支付宝等 ), 亦可以跟其它第三方平台`打包成独立应用`( Bingotouch , Cordova , Dcloud , APICloud , Appcan , 前海圆舟 等), 最终可以`全跨平台展示`. 
+?> BUI 是用来`快速构建界面交互`的UI交互框架, 专注webapp开发, 开发者只需关注业务的开发, 界面的布局及交互交给BUI, 开发出来的应用, `可以嵌入平台` ( Link, 微信, 小程序, 钉钉, 淘宝, 支付宝等 ), 亦可以跟其它第三方平台`打包成独立应用`( Bingotouch , Cordova , Dcloud , APICloud , Appcan , 前海圆舟 等), 最终可以`全跨平台展示`. 
 
 ?> 结合BUI提供的[BUI-Fast编辑插件](buifast), [NPM工具](chapter1/installation), BUI更是一个移动快速开发的解决方案. 可以解决以下常见问题.
 
diff --git a/docs/chapter1/debug.md b/docs/chapter1/debug.md
index c439202..163b556 100644
--- a/docs/chapter1/debug.md
+++ b/docs/chapter1/debug.md
@@ -38,7 +38,7 @@ $ npm run dev
 
 js:
 
-!> ajax请求的时候使用`相对路径`.
+!> **注意:** ajax请求的时候请使用`相对路径`,这样代理才会正确转发.
 
 ```
 bui.ajax({
diff --git a/docs/chapter1/installation.md b/docs/chapter1/installation.md
index 31bff43..c44d1e5 100644
--- a/docs/chapter1/installation.md
+++ b/docs/chapter1/installation.md
@@ -5,6 +5,7 @@
 
 1. 编辑器 ( 推荐: `vscode`, `Atom` 或 `Sublimetext3` );
 2. `bui-fast` [点击下载](https://github.com/imouou/BUI-Fast-Snippets/releases) (配合编辑器快速书写插件, 支持 Vscode, Atom , Sublimetext , Webstorm , APICloudIDE ) [查看安装说明](tools/buifast.md);
+3. [`buijs`](tools/buijs) cli工程构建工具, 用于快速构建工程,模板,更新平台等功能
 
 ## 下载开发包
 
@@ -12,7 +13,6 @@
 
 - [下载BUI单页开发包](http://www.easybui.com/downloads/source/bui/bui_router_dev_latest.zip)
 
-
 - [下载BUI多页开发包](http://www.easybui.com/downloads/source/bui/bui_dev_latest.zip)
 
 ## 了解规范
diff --git a/docs/chapter1/multipage.md b/docs/chapter1/multipage.md
index 5bead21..731c0aa 100644
--- a/docs/chapter1/multipage.md
+++ b/docs/chapter1/multipage.md
@@ -1,4 +1,4 @@
-# 多页路由
+# 多页路由开发
 
 ?> [上一节](chapter1/quickstart) 我们用最简单的方式,创建了一个`index.html`, 当我们创建了多个页面以后, 就需要页面跳转了.
 
diff --git a/docs/chapter1/quickstart.md b/docs/chapter1/quickstart.md
index 9904aae..f4368d4 100644
--- a/docs/chapter1/quickstart.md
+++ b/docs/chapter1/quickstart.md
@@ -74,16 +74,7 @@
 *焦点图结构*
 
 ```html
-<div id="uiSlide" class="bui-slide">
-    <div class="bui-slide-main">
-        <ul>
-            <li>
-                <!--第1屏-->
-                <img src="" alt="">
-            </li>
-        </ul>
-    </div>
-</div>
+<div id="uiSlide" class="bui-slide"></div>
 ```
 
 !> 脚本初始化必须在 `bui.ready` 里面执行, 多页开发`一个页面对应一个` bui.ready 其它自由编写, 便于自己维护就好.
@@ -93,10 +84,17 @@
 ```js
   // 焦点图控件初始化
   var uiSlide = bui.slide({
-      id:"#uiSlide",
-      height:380,
-      autopage:true
-  })
+        id: "#slide",
+        height: 380,
+        autopage: true,
+        data: [{
+          image: "images/banner01.png",
+          url: "pages/ui_controls/bui.slide_title.html",
+        },{
+          image: "images/banner02.png",
+          url: "pages/ui_controls/bui.slide_title.html",
+        }]
+    })
 ```
 ?> 给实例增加事件监听. 
 
@@ -148,20 +146,7 @@
       </header>
       <main>
         <!-- 焦点图 -->
-        <div id="uiSlide" class="bui-slide">
-            <div class="bui-slide-main">
-                <ul>
-                    <li>
-                        <!--第1屏-->
-                        <img src="http://www.easybui.com/demo/images/banner01.png" alt="">
-                    </li>
-                    <li style="display: none;">
-                        <!--第2屏 设置display:none;可以避免加载中闪跳问题-->
-                        <img src="http://www.easybui.com/demo/images/banner02.png" alt="">
-                    </li>
-                </ul>
-            </div>
-        </div>
+        <div id="uiSlide" class="bui-slide"></div>
       </main>
       <footer>
         <!-- 固定底部区 -->
@@ -173,9 +158,16 @@
         bui.ready(function() {
           // 焦点图控件初始化
             var uiSlide = bui.slide({
-                id:"#uiSlide",
-                height:380,
-                autopage:true
+                id: "#slide",
+                height: 380,
+                autopage: true,
+                data: [{
+                  image: "images/banner01.png",
+                  url: "pages/ui_controls/bui.slide_title.html",
+                },{
+                  image: "images/banner02.png",
+                  url: "pages/ui_controls/bui.slide_title.html",
+                }]
             })
             // 监听跳转以后触发
             uiSlide.on("to",function(index){
@@ -207,7 +199,7 @@
 *方案2: *
 - ui-html <kbd>Tab</kbd>    生成bui页面引用
 - ui-page <kbd>Tab</kbd>    生成bui标准页面结构
-- ui-slide <kbd>Tab</kbd>   生成焦点图控件结构
+- ui-slide <kbd>Tab</kbd>   生成焦点图控件静态结构
 - bui-slide <kbd>Tab</kbd>  生成焦点图控件初始化代码
 
 
diff --git a/docs/chapter1/why.md b/docs/chapter1/why.md
index 0650ffc..9a73459 100644
--- a/docs/chapter1/why.md
+++ b/docs/chapter1/why.md
@@ -2,37 +2,20 @@
 
 ?> 为什么要用,相信很多人有这样的疑问, 我以几个实际项目遇到的场景来说明下使用BUI的应用及好处吧. 
 
-
-*场景1: webapp使用第三方平台打包?*
-
-!> 开发好的webapp应用在浏览器跑的好好的,但在第三方平台打包以后,数据出不来! 
-
-?> 这是因为有些平台本地打包的时候,禁止了跨域, 导致你原本的`$.ajax` 之类的web请求被禁止了, 因为这个请求,你要改的地方可能是N多个地方, 而使用BUI, 你用`bui.ajax`去请求你的数据,面对这种多变的情况, 你只需要改一个配置, 
-
-`bui.isWebapp = false;` 
-
-!>注意: `1.5.1 开始bui.ajax,bui.upload开始不再随状态改变, 需要再次通过全局配置,使用原生.  
-```
-bui.config.ajax={ needNative:true }` 
-```
-
-?> 这样页面的请求就会采用 原生平台的请求, 就没有跨域问题了. 这个也是BUI最早的设计初衷. 但BUI不仅限于这个跨域问题, 还有页面的切换等等, 你都可以一键切换为原生容器. 
-
-
 ?> 感兴趣的朋友还可以看看这篇文章,对BUI的设计以及使用方式都做了一定的说明,有助于理解.
 <a href="https://segmentfault.com/a/1190000012994082" target="_target">2018开发最快的webapp框架--BUI设计思路解析</a>
 
-*场景2: 开发好的打包应用,客户说要支持微信及浏览器?*
+*场景1: 开发好的打包应用,客户说要支持微信及浏览器?*
 
 !> 我们用第三方的平台开发并打包了一个应用, 刚开始的需求是说, 只要安卓跟IOS版就好, 等做完以后, 客户觉得想要开发一个跨平台的版本,微信浏览器都能拥有基本功能!  
 
 ?> 这个时候,你的很多业务都是可以复用的, 但是由于用了平台结合的UI, 在跨平台上面表现不佳, 无法适配? 一切都得从头开始. 而使用BUI开发,一开始就是跨平台的, 所以并不存在效果不一致这个问题, 你需要的是, 把业务用到原生的部分去掉. 
 
-*场景3: 第三方平台的迁移*
+*场景2: 第三方平台的迁移*
 
 !> 假设你公司有一个自己的打包平台,有自己的UI, 有自己的原生API, 一切都近乎完美, 突然有一天, 客户说,我们想使用第三方平台开发打包, 一个客户说要用Dcloud,一个说要用APICloud,也可能是APPCan. 这时候, 一个混合框架包含原生API跟UI, 你的团队需要学习, `DCloud+UI`, `APICloud+UI`, `APPcan+UI` ... 每个UI都跟自己的框架结合紧密, 但最终团队的学习成本相当的高昂! 
 
-?> 其实分析以后你会发现,一个应用的开发,很多效果,交互都应该是通用的, 只有少部分原生需要用第三方平台来开发, 这个时候你只需要使用 `BUI+APICloud`, `BUI+DCloud`, `BUI+APPCan` 等等, 你只需要用到原生api的时候,查一下, 开发方式还是按BUI的来, 最终可以在常用的平台都保持一致的交互效果, 学一个就够了. 
+?> 其实分析以后你会发现,一个应用的开发,很多效果,交互都应该是通用的, 只有少部分原生需要用第三方平台来开发, 这个时候你只需要使用 `BUI+APICloud`或 `BUI+DCloud`或 `BUI+APPCan` 等等, 你只需要用到原生api的时候,查一下, 开发方式还是按BUI的来, 最终可以在常用的平台都保持一致的交互效果, 学一个就够了. 
 
 ![设计思路](../static/images/bui-silu.png)
 
diff --git a/docs/chapter2/controls.md b/docs/chapter2/controls.md
index 3683a4f..aa70873 100644
--- a/docs/chapter2/controls.md
+++ b/docs/chapter2/controls.md
@@ -9,7 +9,7 @@
     * 焦点图`bui.slide`, 选项卡`bui.tab`,列表下拉刷新及滚动加载`bui.list` , 下拉刷新`bui.pullrefresh`, 滚动加载`bui.scroll`, 抽屉控件`bui.swipe`, 侧边栏`bui.sidebar`, 侧滑菜单`bui.listview`, 日期选择 `bui.pickerdate`.
 
 - **点击交互控件:** *例如:*
-    * 上拉菜单`bui.actionsheet`,下拉菜单`bui.dropdown`,折叠菜单`bui.accordion`,选择菜单`bui.select`,星级评分`bui.rating`,步骤条`bui.stepbar`
+    * 上拉菜单`bui.actionsheet`,下拉菜单`bui.dropdown`,折叠菜单`bui.accordion`,选择菜单`bui.select`,星级评分`bui.rating`,步骤条`bui.stepbar`,层级选择`bui.levelselect`.
 
 - **弹出交互控件:** *例如:*
     * 遮罩`bui.mask`,正在加载`bui.loading`, 弹窗控件`bui.dialog`,提醒框`bui.alert`,确认框`bui.confirm`,输入框`bui.prompt`,自动消失提醒`bui.hint`
@@ -17,7 +17,6 @@
 *注意:*
 
 - BUI的控件主张以相同交互作为相同控件, 也就是一个控件不只做一件事, 比如, tab 是由 `bui.slide` 实现的, 结构一致,交互一致,配合样式来实现不同的效果. 
-- 还有一个公共控件的概念需要注意, 同一个位置,只允许出现一个, 例如,遮罩`bui.mask`,正在加载`bui.loading`
 - 参数 `height:0` 则是会自动计算高度,在布局比较复杂的情况下,需要自己计算后传进去.
 - 每个控件都有一个全局配置,可以修改控件的默认配置`bui.config.控件名.参数`.
 
diff --git a/docs/chapter2/life.md b/docs/chapter2/life.md
new file mode 100644
index 0000000..b178377
--- /dev/null
+++ b/docs/chapter2/life.md
@@ -0,0 +1,67 @@
+# 单页生命周期
+
+## 路由原理
+
+?> 这是路由加载的完整过程.
+
+![BUI 路由模块加载流程图](../static/images/router/router_flow.png)
+
+## 路由加载路线说明
+
+- ① 为首页 main 的自定义模块加载, 已经配置了路径指向, 你可以通过 indexModule 参数修改main首页的指向;
+- ② 为没有自定义模块的时候, 点击后走相对根路径的同名文件模块;
+- ③ 为跳转已经加载过的模块;
+- ④ 为只有模板,没有同名脚本路径走的路线;
+
+### 路线①: 自定义的main模块加载
+![BUI main模块的加载](../static/images/router/router_main.png)
+
+### 路线②: 点击跳转的页面加载, 默认跳转的路径就是模块名
+### 路线③: 已经加载过的页面,只需走loaded回调.
+![BUI 点击跳转的模块加载](../static/images/router/router_click.png)
+
+## 路由加载注意事项 
+1. 打开路由及跳转页面都会先加载模板,再加载脚本;  
+2. 单页只需要在首页执行一次 `bui.ready`;
+3. 路由的初始化也必须在 `bui.ready` 里面执行;
+4. 模块里面的选择器使用 `router.$` 替换 `$` ,确保你操作的是当前页面的模块的dom;
+5. 如果需要修改 `bui.loader` 需要在 `window.router` 之前;
+6. 路由的全局事件, 必须在 index.js 才能使用, 不能放在单独的模块里.
+
+## 生命周期
+
+?> 1.5.3 新增, 路由跳转页面会触发模块的加载, 从进入页面,跳转页面,后退页面完成一个页面的生命周期.
+
+### 页面展示的生命周期
+
+?> 这是打开路由第一次加载 main模块以后触发的加载. 
+
+![BUI 模块的加载会触发模块的生命周期](../static/images/router/router_life.png)
+
+### 页面跳转后退之间的生命周期
+
+![BUI 模块的加载会触发模块的生命周期](../static/images/router/router_life2.png)
+
+#### 一. 跳转: 
+
+1, main模块 
+
+①  未定义生命周期, 只执行 loaded . 
+
+2, main->A 页面
+
+①  A页面定义了生命周期, 从 `beforeCreate -> created -> beforeLoad -> loaded -> show` , 这是A页面的显示生命周期. 
+②  从main->第2次跳转到A页面的时候, 直接走 `beforeLoad -> loaded -> show`; 
+
+3, A页面->B页面, 会执行 A页面自身的 hide 再跳去 B页面的 ① `beforeCreate -> created -> beforeLoad -> loaded -> show`
+
+#### 二. 后退: 
+
+1. `B->A` 页面
+B跟A都有自己的生命周期, 后退的时候会先执行 当前页的`hide ->beforeDestroy -> destroyed` , 然后还会触发 A页面的 show 方法.
+
+2. `A->main` 页面
+由于main没有定义show方法, 所以只执行A页面的 `hide ->beforeDestroy -> destroyed`
+
+## 使用
+?> 具体查看模块的定义. [页面模块的生命周期](chapter2/loader?id=页面模块的生命周期)
diff --git a/docs/chapter2/loader.md b/docs/chapter2/loader.md
index 17cda4d..756cfad 100644
--- a/docs/chapter2/loader.md
+++ b/docs/chapter2/loader.md
@@ -47,8 +47,18 @@ loader.define(function(require,exports,module){
 page2.js
 ```
 loader.define(function(require,exports,module){
-  
+
+    // 定义初始化
+    function init(text){
+      // console.log("init:"+text)
+    }
+
+    // 自执行初始化, 如果要给tab 使用,建议不要自执行.
+    init("第一次会自执行");
+
+    // 抛出方法及变量给外部访问.
     return {
+      init: init,
       pageName: "page2"
     }
 })
@@ -59,11 +69,13 @@ main.js
 ```
 loader.define(function(require,exports,module){
     
-    // 加载pages/page2/page2模块
-    require("pages/page2/page2",function(page2){
+    // 1. 加载pages/page2/page2模块 方法1: 这里会自执行一次 init. 输出自执行.
+    require("pages/page2/page2"); 
 
-        // 访问page2模块的名称
-        console.log( page2.pageName )
+    // 2. 有回调的时候,是会每次都执行, 加上define的时候,有一次自执行, 会变成执行2次.
+    require("pages/page2/page2",function(page2){
+        // 这里会执行第2次.
+        page2.init("回调执行")
     })
 
     return {
@@ -71,8 +83,9 @@ loader.define(function(require,exports,module){
     }
 })
 ```
-这样打开首页的时候,就会加载main.js, main.js 会去加载pages/page2/page2模块,成功以后输出名称.
+这样打开首页的时候,就会加载main.js, main.js 会去加载pages/page2/page2模块,并调用对应的方法.
 
+?> 造成重复执行一般在tab比较常见, `bui.tab`的`to` 事件是会每次都执行, 如果 `loader.require` 的模块有相同`init`回调, 则每次都会执行两次, 解决的办法是, 外部要操作里面的`init`方法时, `define` 的时候,不要自执行`init`. 
 
 模块的定义及加载更多用法，请大家自行查阅 <a href="http://www.easybui.com/demo/api/classes/bui.loader.html" target="_blank">bui.loader API</a> 
 
@@ -143,6 +156,133 @@ loader.map({
 - 定义了模块名以后,单页跳转则不能使用路径跳转,而需要传模块跳转, 例如, `router.load({url:"home"})`
 - 如果`loader.define`的第一个参数有自定义名称, 则还需要通过`loader.map`配置下模块的路径及模板指向. 
 
+
+## 获取模块的信息
+
+?> 1.5.3 新增
+
+### loader.get
+
+```js
+var main = loader.get("main");
+```
+
+## 设置模块的信息
+
+?> 1.5.3 新增
+
+### loader.set
+
+?> 设置的模块, 必须在 `window.router = bui.router()` 之后.
+
+```js
+loader.set("main",{
+  template:"pages/login/login.html",
+  script: "pages/login/login.js"
+});
+```
+
+## 页面模块的生命周期
+
+?> 1.5.3 新增. 需要配合路由使用,路由里面会去调用模块定义的生命周期.
+
+- `beforeCreate`,`create` 只在模块第一次创建的时候执行,如果相同模块第2次拿的是缓存, 不会触发;
+- `beforeLoad`,`loaded` 每次进入页面都会执行, `loaded` 就相当于 `loader.define(function(){})` 里面的function;
+- `show`,`hide` 每次页面前进后退都会分别执行, 可以通过形参拿到 show,hide 的 type 是 load, 还是 back, 默认当前页刷新, 也会触发 show, type 则等于 firstload;
+- `beforeDestroy`,`destroyed` 每次后退前跟后退后执行;
+
+```js
+loader.define({
+    beforeCreate: function() {
+        // 只在创建脚本前执行,缓存的时候不执行
+        console.log(this.moduleName + " before create")
+    },
+    created: function() {
+        // 只在创建后执行,缓存的时候不执行
+        console.log(this.moduleName + " createed")
+    },
+    beforeLoad: function() {
+        // 页面每次跳转前都会执行
+        console.log(this.moduleName + " before load")
+    },
+    loaded: function() {
+        // 页面每次跳转后都会执行
+        console.log(this.moduleName + " loaded")
+    },
+    hide: function(e) {
+        // 页面每次跳转后退都会执行当前模块的触发
+        console.log(this.moduleName + " hide")
+        console.log(e.type)
+    },
+    show: function(e) {
+        // 页面每次跳转后退都会执行当前模块的触发
+        console.log(this.moduleName + " show")
+        console.log(e.type)
+    },
+    beforeDestroy: function() {
+        // 页面每次后退前执行
+        console.log(this.moduleName + " before destroy")
+    },
+    destroyed: function() {
+        // 页面每次后退后执行
+        console.log(this.moduleName + " destroyed")
+    }
+})
+```
+
+?> 当然,你依然可以使用默认最简单的模块创建方式, 只是特殊模块你可以给它自己的生命周期, 比方我在列表页面,进去详情页, 后退到列表页, 是不会刷新的, 之前的方式是在后退的时候执行某个方法. 现在只要在 `show` 的这个生命周期里, 我可以调用这个页面的某个局部刷新的方法, 不管是前进后退, 都可以执行. 
+
+```js
+loader.define({
+    loaded: function() {
+        this.pageview = {};
+        
+        // 初始化
+        this.pageview.init = function(){
+          
+        }
+        // 局部刷新
+        this.pageview.refresh = function(){
+
+        }
+        
+        // 这个是抛出给 loader.require 访问的, 不能return this
+        return this.pageview;
+    },
+    show: function(e) {
+      
+        // 后退才触发刷新操作
+        if( e.type == "back" ){
+          this.pageview.refresh();
+        }
+    }
+})
+```
+
+?> 比方跳转的页面里面有个定时器, 后退的时候, 需要清理掉这个定时器, 这些是需要自己清除的. 
+
+```js
+loader.define({
+    loaded: function() {
+        // 页面每次跳转后都会执行
+        console.log(this.moduleName + " loaded")
+
+        // 定时刷新
+        this.timetoRefresh = window.setInterval(function(){
+            // 4秒后执行刷新
+        },2000)
+    },
+    beforeDestroy: function() {
+        // 页面每次后退前执行
+        console.log(this.moduleName + " before destroy")
+
+        if( this.timetoRefresh ){
+          window.clearInterval(this.timetoRefresh);
+        }
+    }
+})
+```
+
 ## 疑难解答
 
 ?> 1. 如何抛出当前模块的方法共享 
@@ -155,7 +295,7 @@ loader.map({
 
 ?> 2. 微信调试的缓存问题怎么解决?
 
-*在 index.js 配置`bui.loader`的cache参数*
+*在 index.js 配置`bui.loader`的cache参数* 初始化必须在 `window.router` 前面
 ```js
 window.loader = bui.loader({
     cache: false
diff --git a/docs/chapter2/router.md b/docs/chapter2/router.md
index a0b4359..a01b4dc 100644
--- a/docs/chapter2/router.md
+++ b/docs/chapter2/router.md
@@ -194,13 +194,6 @@ loader.define(function(require,exports,module){
 ----
 
 
-## 路由原理
-
-?> 这就是一个简单的路由跳转过程. 
-
-![BUI 路由模块加载流程图](../static/images/router/router_flow.png)
-
-
 ## 页面跳转
 ### router.load(option) 
 
@@ -500,6 +493,7 @@ router.on("loadpart",function(e){
 
 
 
+
 ?> 接下来你可以继续学习
 
 - [模块化](chapter2/loader)
diff --git a/docs/controls/base/badges.md b/docs/controls/base/badges.md
index ecac45a..e9490ce 100644
--- a/docs/controls/base/badges.md
+++ b/docs/controls/base/badges.md
@@ -1,4 +1,4 @@
 # 红点提醒
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/badges&code=html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/badges&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
diff --git a/docs/controls/base/header.md b/docs/controls/base/header.md
index ea229ba..2bdd721 100644
--- a/docs/controls/base/header.md
+++ b/docs/controls/base/header.md
@@ -1,4 +1,4 @@
 # 头部
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/bar&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/bar&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
diff --git a/docs/controls/base/icons.md b/docs/controls/base/icons.md
index 0492f17..4468c46 100644
--- a/docs/controls/base/icons.md
+++ b/docs/controls/base/icons.md
@@ -10,5 +10,5 @@
 !> 如果要引入第三方图标库, 第三方图标库不能以`icon`,`icon-` 命名, 可以全部修改为 `icons-` 之类的, 或者在下载图标库前, 进行配置. 
 
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/icon&code=html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/icon&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
diff --git a/docs/controls/base/navbar.md b/docs/controls/base/navbar.md
index 18f7b6b..cdc932b 100644
--- a/docs/controls/base/navbar.md
+++ b/docs/controls/base/navbar.md
@@ -1,4 +1,4 @@
 # 导航
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/nav&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/nav&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
diff --git a/docs/controls/base/sub.md b/docs/controls/base/sub.md
index 5ca24e7..f413f0c 100644
--- a/docs/controls/base/sub.md
+++ b/docs/controls/base/sub.md
@@ -1,4 +1,4 @@
 # 角标
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/sub&code=html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/sub&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
diff --git a/docs/controls/base/table.md b/docs/controls/base/table.md
index 77bc8ad..85042dc 100644
--- a/docs/controls/base/table.md
+++ b/docs/controls/base/table.md
@@ -1,4 +1,4 @@
 # 表格
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/table&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/table&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
diff --git a/docs/controls/base/tag.md b/docs/controls/base/tag.md
index 4a34ca0..b6e5790 100644
--- a/docs/controls/base/tag.md
+++ b/docs/controls/base/tag.md
@@ -1,4 +1,4 @@
 # 标签
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/tag&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/tag&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
diff --git a/docs/controls/form/form-view.md b/docs/controls/form/form-view.md
index e81893d..a9a53e3 100644
--- a/docs/controls/form/form-view.md
+++ b/docs/controls/form/form-view.md
@@ -2,8 +2,8 @@
 
 ## 表单展示
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/form_view&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/form_view&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 表单填写
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/form_edit&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/form_edit&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/form/form.md b/docs/controls/form/form.md
index 8a65648..d44d0fd 100644
--- a/docs/controls/form/form.md
+++ b/docs/controls/form/form.md
@@ -2,7 +2,7 @@
 
 ## 按钮效果
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/btn&code=html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/btn&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 单选框
 
@@ -12,27 +12,35 @@
 
 ```js
 
-// 设置
+// 设置选中
 $(".radio").prop("checked",true);
 
-// 取值
-$(".radio").prop("checked");
+// 设置不选中
+$(".radio").prop("checked",false);
+
+// 获取选中状态
+var hasChecked = $(".radio").prop("checked");
+
+// 获取某一组单选框选中的值
+var val = $('.radio[name="interest2"]:checked').val();
+
+
 ```
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/radio&code=html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/radio&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 复选框
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/checkbox&code=html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/checkbox&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 开关按钮
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/switch&code=html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/switch&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 滑动条
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/range&code=html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/range&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 进度条
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/progress&code=html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/progress&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/accordion.md b/docs/controls/main/accordion.md
index 8c12433..3f269cb 100644
--- a/docs/controls/main/accordion.md
+++ b/docs/controls/main/accordion.md
@@ -1,5 +1,9 @@
 # 折叠菜单
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.accordion.html)
+
+## 示例
+
 ?> 可以控制全部展示,还是一次只展示一个.
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.accordion&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.accordion&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/actionsheet.md b/docs/controls/main/actionsheet.md
index d54bac0..5d9b843 100644
--- a/docs/controls/main/actionsheet.md
+++ b/docs/controls/main/actionsheet.md
@@ -1,9 +1,11 @@
 # 弹出菜单
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.actionsheet.html)
+
 ## 弹出菜单
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.actionsheet&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.actionsheet&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 
 ## 自定义弹出菜单
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.actionsheet_custom&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.actionsheet_custom&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/animate.md b/docs/controls/main/animate.md
index b80e17d..5828c1c 100644
--- a/docs/controls/main/animate.md
+++ b/docs/controls/main/animate.md
@@ -1,3 +1,5 @@
 # 动画控制器
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_method/bui.animate&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+[查看API](http://www.easybui.com/demo/api/classes/bui.animate.html)
+
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_method/bui.animate&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/btn.md b/docs/controls/main/btn.md
index 1b5579b..984c899 100644
--- a/docs/controls/main/btn.md
+++ b/docs/controls/main/btn.md
@@ -1,5 +1,7 @@
 # 绑定按钮
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.btn.html)
+
 ?> 用于绑定按钮上带有href属性的跳转, 单页开发只需要在`index.js` 绑定一次就可以了.
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.btn&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.btn&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/dialog.md b/docs/controls/main/dialog.md
index c47560e..cdbf1d6 100644
--- a/docs/controls/main/dialog.md
+++ b/docs/controls/main/dialog.md
@@ -1,26 +1,35 @@
 # 弹出对话框
 
+
 ## 提醒框
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.alert.html)
+
 ?> 如果是一个对象,会变成字符串. 如果要定制弹出框样式,可以使用 `bui.confirm`
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.alert&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.alert&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 确认框
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.confirm.html)
+
 ?> 支持传对象参数,`content`参数支持html结构
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.confirm&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.confirm&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 弹出输入
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.prompt.html)
+
 ?> 支持传对象参数,`content`参数支持html结构
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.prompt&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.prompt&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 自定义对话框
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.dialog.html)
+
 ?> `bui.alert`,`bui.confirm` 等都是基于 `bui.dialog` 创建, dialog非常灵活,可以设置全屏,可以自由定制交互,可以自定义位置等, 具体使用请查看api. 
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.dialog&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.dialog&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
diff --git a/docs/controls/main/dropdown.md b/docs/controls/main/dropdown.md
index 8cc37e7..12946df 100644
--- a/docs/controls/main/dropdown.md
+++ b/docs/controls/main/dropdown.md
@@ -1,9 +1,11 @@
 # 下拉菜单
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.dropdown.html)
+
 ## 普通下拉菜单
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.dropdown&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.dropdown&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 二级下拉菜单
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.dropdown_tab&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.dropdown_tab&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/hint.md b/docs/controls/main/hint.md
index 630a04a..2c155f5 100644
--- a/docs/controls/main/hint.md
+++ b/docs/controls/main/hint.md
@@ -1,5 +1,7 @@
 # 自动消失提醒框
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.hint.html)
+
 ?> 可以控制不同位置,并且可以不自动消失
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.hint&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.hint&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/input.md b/docs/controls/main/input.md
index 6591872..289aa85 100644
--- a/docs/controls/main/input.md
+++ b/docs/controls/main/input.md
@@ -1,3 +1,5 @@
 # 输入框
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.input&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+[查看API](http://www.easybui.com/demo/api/classes/bui.input.html)
+
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.input&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/levelselect.md b/docs/controls/main/levelselect.md
index b8cbce8..26b1d94 100644
--- a/docs/controls/main/levelselect.md
+++ b/docs/controls/main/levelselect.md
@@ -1,3 +1,5 @@
 # 级联选择
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.levelselect&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+[查看API](http://www.easybui.com/demo/api/classes/bui.levelselect.html)
+
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.levelselect&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/list-layout.md b/docs/controls/main/list-layout.md
index b8da040..c6b7265 100644
--- a/docs/controls/main/list-layout.md
+++ b/docs/controls/main/list-layout.md
@@ -2,29 +2,29 @@
 
 ## 普通列表
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/list&code=html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/list&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 多行列表
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/list_mline&code=html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/list_mline&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 小图标列表
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/list_icon_small&code=html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/list_icon_small&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 大图标列表
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/list_icon&code=html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/list_icon&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 图文列表
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/list_thumbnail&code=html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/list_thumbnail&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 图片列表
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/list_pic&code=html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/list_pic&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 宫格列表
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/list_grid&code=html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui/list_grid&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 交互列表
 
 ?> 滑动类效果,请使用扫码在手机操作.
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.listview&code=html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.listview&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/list.md b/docs/controls/main/list.md
index bf8d84c..26fc2e5 100644
--- a/docs/controls/main/list.md
+++ b/docs/controls/main/list.md
@@ -1,17 +1,19 @@
 # 下拉刷新及滚动加载
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.list.html)
+
 ## 自动分页加载
 
 !> 滑动类控件需要开启chrome才能模拟手机下拉效果, 可以扫码在手机全屏预览.
 
 ?> bui.list` 重点理解 `field` 的字段配置. 你只需要传接口,模板,就会自动请求分页. 除非特殊功能无法满足,不然建议使用 `bui.list` 代替 `bui.scroll`. 当第1页的数目加起来还不足出现滚动条的高度的时候,会自动请求下一页. 
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.list&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.list&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 
 ## 自定义分页加载
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.scroll&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.scroll&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 自动分页+交互列表
 
@@ -19,5 +21,5 @@
 - li标签属性 `status=1` 手动拼接侧滑菜单,这样可以避免再次dom操作
 - 设置固定高度可以少遍历一次
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.list_listview&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.list_listview&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
diff --git a/docs/controls/main/listview.md b/docs/controls/main/listview.md
index 2e534fd..d8606b5 100644
--- a/docs/controls/main/listview.md
+++ b/docs/controls/main/listview.md
@@ -1,7 +1,18 @@
 # 交互列表
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.listview.html)
+
 ?> 滑动类效果,请使用扫码在手机操作.
 
 ?> 这里面包含2种渲染, 在属性 `status=1`的时候, 以静态渲染为主, 如果里面不包含自定义菜单结构,不渲染.
 
 <iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.listview&code=html,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+
+
+## 自动分页+交互列表
+
+?> 留意模板的生成,这里采用静态生成侧滑列表的结构,可以减少渲染, 
+- li标签属性 `status=1` 手动拼接侧滑菜单,这样可以避免再次dom操作
+- 设置固定高度可以少遍历一次
+
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.list_listview&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
\ No newline at end of file
diff --git a/docs/controls/main/loading.md b/docs/controls/main/loading.md
index 8040633..a3a1b24 100644
--- a/docs/controls/main/loading.md
+++ b/docs/controls/main/loading.md
@@ -1,5 +1,7 @@
 # 加载进度
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.loading.html)
+
 ?> 如果不传`appendTo`参数,默认是增加在body里面,默认只创建一个
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.loading&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.loading&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/mask.md b/docs/controls/main/mask.md
index 51e6e1c..f7198ab 100644
--- a/docs/controls/main/mask.md
+++ b/docs/controls/main/mask.md
@@ -1,5 +1,7 @@
 # 遮罩
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.mask.html)
+
 ?> 如果不传`appendTo`参数,默认是增加在body里面,默认只创建一个
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.mask&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
\ No newline at end of file
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.mask&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
\ No newline at end of file
diff --git a/docs/controls/main/number.md b/docs/controls/main/number.md
index 69f2da6..93badb6 100644
--- a/docs/controls/main/number.md
+++ b/docs/controls/main/number.md
@@ -1,3 +1,5 @@
 # 数字选择
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.number&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+[查看API](http://www.easybui.com/demo/api/classes/bui.number.html)
+
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.number&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/pickerdate.md b/docs/controls/main/pickerdate.md
index 3f19fd0..e930f8f 100644
--- a/docs/controls/main/pickerdate.md
+++ b/docs/controls/main/pickerdate.md
@@ -1,8 +1,10 @@
 # 日期选择
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.pickerdate.html)
+
 ?> 滑动效果请扫码在手机观看.
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.pickerdate&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.pickerdate&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 
 ## 显示日期
diff --git a/docs/controls/main/pullrefresh.md b/docs/controls/main/pullrefresh.md
index fb7af0a..7e58f3e 100644
--- a/docs/controls/main/pullrefresh.md
+++ b/docs/controls/main/pullrefresh.md
@@ -1,3 +1,5 @@
 # 下拉刷新
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.pullrefresh&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
\ No newline at end of file
+[查看API](http://www.easybui.com/demo/api/classes/bui.pullrefresh.html)
+
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.pullrefresh&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
\ No newline at end of file
diff --git a/docs/controls/main/rating.md b/docs/controls/main/rating.md
index a5f101d..23093e9 100644
--- a/docs/controls/main/rating.md
+++ b/docs/controls/main/rating.md
@@ -1,3 +1,5 @@
 # 星级评分
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.rating&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
\ No newline at end of file
+[查看API](http://www.easybui.com/demo/api/classes/bui.rating.html)
+
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.rating&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
\ No newline at end of file
diff --git a/docs/controls/main/searchbar-head.md b/docs/controls/main/searchbar-head.md
index 70a83cb..943958e 100644
--- a/docs/controls/main/searchbar-head.md
+++ b/docs/controls/main/searchbar-head.md
@@ -1,3 +1,5 @@
 # 头部搜索
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.searchbar_head&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
\ No newline at end of file
+[查看API](http://www.easybui.com/demo/api/classes/bui.searchbar.html)
+
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.searchbar_head&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
\ No newline at end of file
diff --git a/docs/controls/main/searchbar.md b/docs/controls/main/searchbar.md
index f28a2f0..4f2203c 100644
--- a/docs/controls/main/searchbar.md
+++ b/docs/controls/main/searchbar.md
@@ -1,3 +1,5 @@
 # 搜索加载
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.searchbar&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
\ No newline at end of file
+[查看API](http://www.easybui.com/demo/api/classes/bui.searchbar.html)
+
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.searchbar&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
\ No newline at end of file
diff --git a/docs/controls/main/select-popup.md b/docs/controls/main/select-popup.md
index d8069ac..3877959 100644
--- a/docs/controls/main/select-popup.md
+++ b/docs/controls/main/select-popup.md
@@ -1,11 +1,13 @@
 # 侧滑菜单
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.searchbar.html)
+
 ?> 滑动效果请扫码在手机观看.
 
 ## 左侧菜单
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.sidebar&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.sidebar&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 两侧菜单
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.sidebar_double&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.sidebar_double&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/select.md b/docs/controls/main/select.md
index 01f4faf..66f18ae 100644
--- a/docs/controls/main/select.md
+++ b/docs/controls/main/select.md
@@ -1,15 +1,17 @@
 # 选择列表
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.select.html)
+
 ?> 支持单选,多选,图标选择,以及自定义结构
 
 ## 普通选择列表
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.select&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.select&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 弹出选择列表
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.select_popup&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.select_popup&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 级联选择列表
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.select_level_popup&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.select_level_popup&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/sidebar.md b/docs/controls/main/sidebar.md
index d8069ac..e78445d 100644
--- a/docs/controls/main/sidebar.md
+++ b/docs/controls/main/sidebar.md
@@ -1,11 +1,13 @@
 # 侧滑菜单
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.sidebar.html)
+
 ?> 滑动效果请扫码在手机观看.
 
 ## 左侧菜单
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.sidebar&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.sidebar&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 两侧菜单
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.sidebar_double&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.sidebar_double&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/slide.md b/docs/controls/main/slide.md
index 033b388..7302e63 100644
--- a/docs/controls/main/slide.md
+++ b/docs/controls/main/slide.md
@@ -1,20 +1,22 @@
 # 轮播类
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.slide.html)
+
 ?> 滑动效果请扫码在手机观看.
 
 ## 焦点图
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.slide&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.slide&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 标题焦点图
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.slide_title&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.slide_title&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 跨屏焦点图
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.slide_cross&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.slide_cross&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 欢迎引导页
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.slide_welcome&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.slide_welcome&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 滚动公告
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.slide_note&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.slide_note&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/stepbar.md b/docs/controls/main/stepbar.md
index d6fab51..0ec8345 100644
--- a/docs/controls/main/stepbar.md
+++ b/docs/controls/main/stepbar.md
@@ -1,9 +1,11 @@
 # 步骤条
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.stepbar.html)
+
 ## 纵向步骤条
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.stepbar&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.stepbar&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 横向步骤条
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.stepbar_line&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.stepbar_line&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/storage.md b/docs/controls/main/storage.md
index 35cc146..601530b 100644
--- a/docs/controls/main/storage.md
+++ b/docs/controls/main/storage.md
@@ -1,11 +1,13 @@
 # 数据存储
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.storage.html)
+
 ?> 支持本地存储跟session存储
 
 ## 存储字符串
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_method/bui.storage&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_method/bui.storage&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 存储json
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_method/bui.storage_json&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_method/bui.storage_json&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/store.md b/docs/controls/main/store.md
index b6544df..e3eacbb 100644
--- a/docs/controls/main/store.md
+++ b/docs/controls/main/store.md
@@ -1,3 +1,5 @@
 # 数据行为存储器
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/store/index&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+[查看API](http://www.easybui.com/demo/api/classes/bui.store.html)
+
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/store/index&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/swipe.md b/docs/controls/main/swipe.md
index 531e7db..3bac13e 100644
--- a/docs/controls/main/swipe.md
+++ b/docs/controls/main/swipe.md
@@ -1,19 +1,21 @@
 # 抽屉菜单
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.swipe.html)
+
 ?> 滑动效果请扫码在手机观看.
 
 ## 左右抽屉菜单
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.swipe&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.swipe&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 上下抽屉菜单
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.swipe_y&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.swipe_y&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 仿日历交互
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.swipe_date&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.swipe_date&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 复杂嵌套交互
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.swipe_scenes&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.swipe_scenes&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/tab-foot-dynamic.md b/docs/controls/main/tab-foot-dynamic.md
index a86b206..e37e6bf 100644
--- a/docs/controls/main/tab-foot-dynamic.md
+++ b/docs/controls/main/tab-foot-dynamic.md
@@ -1,3 +1,5 @@
 # 底部导航动态加载
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.tab_dynamic&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
\ No newline at end of file
+[查看API](http://www.easybui.com/demo/api/classes/bui.tab.html)
+
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.tab_dynamic&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
\ No newline at end of file
diff --git a/docs/controls/main/tab-head-dynamic.md b/docs/controls/main/tab-head-dynamic.md
index d05b2e5..b06afde 100644
--- a/docs/controls/main/tab-head-dynamic.md
+++ b/docs/controls/main/tab-head-dynamic.md
@@ -1,3 +1,5 @@
 # 顶部导航动态加载
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.tab_head_dynamic&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
\ No newline at end of file
+[查看API](http://www.easybui.com/demo/api/classes/bui.tab.html)
+
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.tab_head_dynamic&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
\ No newline at end of file
diff --git a/docs/controls/main/tab.md b/docs/controls/main/tab.md
index 1dfc0da..e176516 100644
--- a/docs/controls/main/tab.md
+++ b/docs/controls/main/tab.md
@@ -1,29 +1,31 @@
 # 选项卡
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.tab.html)
+
 ?> 滑动效果请扫码在手机观看, 需要按需加载,请查看框架的[导航动态加载](controls/main/tab-head-dynamic.md).
 
 ## 固定选项卡
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.tab&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.tab&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 滑动选项卡
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.tab_scroll&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.tab_scroll&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 底部选项卡
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.tab_foot&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.tab_foot&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 纵向选项卡
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.tab_side&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.tab_side&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 多层嵌套选项卡
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.tab_foot_tab&code=html,js, result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.tab_foot_tab&code=full, result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 
 ## 选项卡动态渲染 1.5.2 
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.tab_dynamic_data&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.tab_dynamic_data&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 ## 纵向选项卡动态渲染 1.5.2 
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.tab_side_dynamic&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.tab_side_dynamic&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/toggle.md b/docs/controls/main/toggle.md
index 4721c33..f9eadbd 100644
--- a/docs/controls/main/toggle.md
+++ b/docs/controls/main/toggle.md
@@ -1,3 +1,5 @@
 # 动画切换器
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_method/bui.toggle&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+[查看API](http://www.easybui.com/demo/api/classes/bui.toggle.html)
+
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_method/bui.toggle&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/controls/main/upload.md b/docs/controls/main/upload.md
index cad6f61..7e89181 100644
--- a/docs/controls/main/upload.md
+++ b/docs/controls/main/upload.md
@@ -1,7 +1,9 @@
 # 文件上传
 
+[查看API](http://www.easybui.com/demo/api/classes/bui.upload.html)
+
 !> 请注意,web上传由于不同系统对拍照上传的解析不一样,有部分会调用摄像头,有部分是调用相册,这个只能使用第三方能力, 比方微信里面,使用微信jssdk. 
 
 ?> 后台按`formdata`的方式接收`file`字段就好.
 
-<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.upload&code=html,js,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+<iframe width="100%" height="560" src="http://www.easybui.com/demo/source.html?url=pages/ui_controls/bui.upload&code=full,result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
diff --git a/docs/help.md b/docs/help.md
index 89d157d..33baee6 100644
--- a/docs/help.md
+++ b/docs/help.md
@@ -101,7 +101,8 @@ bui.unit.mailto({
 多页开发需要手动修改js的引用加入时间戳
 <script src="index.js?t=20180518"></script>
 
-单页开发只要在index.js, 重新初始化 window.loader, 动态加载的模块就会自动加上时间戳
+单页开发只要在index.js, 重新初始化 window.loader, 动态加载的模块就会自动加上时间戳, 这句需要在 `window.router = bui.router()` 初始化之前
+
 window.loader = bui.loader({
     cache: false
 })
@@ -170,7 +171,7 @@ $('.bui-input').on('click', function () {
 *答:*
 
 ```text
-指定后退到B模块, B模块如果不是自定义名称, 则输入B页面的路径.
+指定后退到B模块, B模块如果不是自定义名称, 则输入B页面的路径名,无后缀.
 router.back({
   name: "B"
 })
diff --git a/docs/static/images/router/router_click.png b/docs/static/images/router/router_click.png
new file mode 100644
index 0000000..f80ac69
Binary files /dev/null and b/docs/static/images/router/router_click.png differ
diff --git a/docs/static/images/router/router_flow.png b/docs/static/images/router/router_flow.png
index 9cbb240..4f24e49 100644
Binary files a/docs/static/images/router/router_flow.png and b/docs/static/images/router/router_flow.png differ
diff --git a/docs/static/images/router/router_life.png b/docs/static/images/router/router_life.png
new file mode 100644
index 0000000..3119311
Binary files /dev/null and b/docs/static/images/router/router_life.png differ
diff --git a/docs/static/images/router/router_life2.png b/docs/static/images/router/router_life2.png
new file mode 100644
index 0000000..1716730
Binary files /dev/null and b/docs/static/images/router/router_life2.png differ
diff --git a/docs/static/images/router/router_main.png b/docs/static/images/router/router_main.png
new file mode 100644
index 0000000..9dc6e26
Binary files /dev/null and b/docs/static/images/router/router_main.png differ
diff --git a/docs/store/about.md b/docs/store/about.md
index 09c550e..5ab6c45 100644
--- a/docs/store/about.md
+++ b/docs/store/about.md
@@ -5,6 +5,8 @@
 
 !> 注意: 使用 `bui.store` 意味着放弃安卓低版本的兼容, 比方安卓4.3 的浏览器对这种数据解析方式支持不太好, 打包影响不大, 取决于打包的内核. 
 
+?> 这个目前还不支持复杂的对象处理, 建议设计的时候,层级在1层左右. 如果一定要多层级, 可以使用 `this.set("xx.xxx",value)` 这种方式可以确保一定会触发对应的数据变更. 
+
 [查看示例](http://easybui.com/demo/#pages/store/index)
 
 
diff --git a/docs/store/case.md b/docs/store/case.md
index b51cb82..a2d183c 100644
--- a/docs/store/case.md
+++ b/docs/store/case.md
@@ -91,8 +91,118 @@ var bs = bui.store({
 
 <a href="http://www.easybui.com/demo/index.html#pages/store/case" target="_blank">查看效果</a>
 
+## 2. 弹窗选择交互
 
-## 2. 多选联动
+?> 如果数据一开始有值,还需要把值跟模板里的数据进行比对,处理成选中状态.
+
+<iframe width="320" height="560" src="http://www.easybui.com/demo/#pages/store/choose.html" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+
+### js
+
+```js
+var bs = bui.store({
+        scope: "page", // 用于区分公共数据及当前数据的唯一值
+        data: {
+            items: [{
+                id: "guangzhou",
+                name: "广州",
+            }, {
+                id: "shenzhen",
+                name: "深圳",
+            }, {
+                id: "dongguan",
+                name: "东莞",
+            }],
+            checked: ["shenzhen"], //缓存选中的值, 默认选中深圳
+            checkedObj: [{
+                id: "shenzhen",
+                name: "深圳",
+            }],
+        },
+        methods: {
+            open: function() {
+                this.uiDialog.open();
+            }
+        },
+        watch: {
+            checked: function(val) {
+                var _self = this;
+                // 获取的使用 this.$data.xxx
+                var items = bui.array.getAll(_self.$data.items, val, "id");
+
+                // 替换新的值 this.xxx
+                bui.array.replace(this.checkedObj, items);
+            }
+        },
+        computed: {},
+        templates: {
+            tplItem: function(data) {
+                var html = "";
+
+                data.forEach(function(item, i) {
+                    html += `<li class="bui-btn" id="${item.id}">${item.name}</li>`
+                })
+
+                return html;
+            },
+            tplCity: function(data) {
+                var html = "";
+                var _self = this;
+                data.forEach(function(item, i) {
+                    // 渲染已经选择的城市
+                    var hasChoose = _self.checkedObj && bui.array.compare(_self.checkedObj, item.id, "id");
+                    var hasChecked = hasChoose ? "checked" : "";
+                    html += `<li class="bui-btn bui-box bui-btn-line">
+                      <div class="span1">
+                          <label for="interest+${i}">${item.name}</label>
+                      </div>
+                      <input id="interest+${i}" type="checkbox" class="bui-choose" name="interest" value="${item.id}" text="" ${hasChecked} b-model="page.checked">
+                  </li>`
+                })
+
+                return html;
+            }
+        },
+        mounted: function() {
+            // 加载后执行
+
+            this.uiDialog = bui.dialog({
+                id: "#uiDialog"
+            });
+
+        }
+    })
+```
+
+?> **注意:** `checkedObj: null` 数组如果需要通过`this.checkedObj = []`赋值操作, 先设置为空; 如果初始值是数组, 则需要通过 `bui.array.xxx` 去操作才会触发界面响应.
+
+### 核心html
+
+```html
+<div class="bui-page page-store">
+    <main>
+        <div class="bui-btn" b-click="page.open()">点击选择喜欢的城市</div>
+        <div class="subtitle">您已选择:</div>
+        <!-- 列表控件 html 对应的结构:  -->
+        <ul class="bui-list" b-template="page.tplItem(page.checkedObj)"></ul>
+    </main>
+    <!-- 对话框需要在 bui-page 里面, 这样默认才会解析 b- 行为属性的值 page.xxx  -->
+    <div id="uiDialog" class="bui-dialog">
+        <div class="bui-dialog-head">选择喜欢的城市</div>
+        <div class="bui-dialog-main">
+          <ul class="bui-list" b-template="page.tplCity(page.items)"></ul>
+        </div>
+        <div class="bui-dialog-close"><i class="icon-close"></i></div>
+    </div>
+</div>
+```
+
+### 预览
+
+<a href="http://www.easybui.com/demo/index.html#pages/store/choose" target="_blank">查看效果</a>
+
+
+## 3. 多选联动复杂场景
 
 <iframe width="320" height="560" src="http://www.easybui.com/demo/#pages/store/selectm_step1.html" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
@@ -173,7 +283,7 @@ var bs = bui.store({
             // 合并并触发 this.selectB
             bui.array.merge(this.selectB,this.selectAChecked);
             // 删除this.selectA选中数据,通过value字段比对,支持多个
-            bui.array.remove(this.selectAChecked,this.selectA,"value")
+            bui.array.remove(this.selectA,this.selectAChecked,"value")
 
             // 清空A暂存区数据
             bui.array.empty(this.selectAChecked);
@@ -187,7 +297,7 @@ var bs = bui.store({
             bui.array.merge(this.selectA,this.selectBChecked);
 
             // 删除选中数据,通过value字段比对
-            bui.array.remove(this.selectBChecked,this.selectB,"value")
+            bui.array.remove(this.selectB,this.selectBChecked,"value")
             // 清空B暂存区数据
             bui.array.empty(this.selectBChecked);
         },
diff --git a/docs/store/debug.md b/docs/store/debug.md
new file mode 100644
index 0000000..f1c0605
--- /dev/null
+++ b/docs/store/debug.md
@@ -0,0 +1,7 @@
+
+# 数据调试
+
+?> 在使用调试时, 需要先了解 `bui.store`的原理, 我们可以开启`log:true` 参数, 可以看到数据获取的过程.
+
+?> 如果把里面的变量`bs`,改成 `window.bs`, 可以在控制面板里面调试数据, `window.bs.list.push("我是列表3")` 所有模板都会增加数据.
+
diff --git a/docs/store/distance.md b/docs/store/distance.md
index ff9313b..0ee07cc 100644
--- a/docs/store/distance.md
+++ b/docs/store/distance.md
@@ -124,47 +124,10 @@ data : {
 
 !> 需要注意的是, 如果你希望通过 `bs.lists = [1,2]` 这种赋值操作来操作数组, `bs.lists` 的dom是不会进行响应的, 但你可以使用 `bs.lists.push()` 的方式, 或者使用 `bui.array` 的一些命令式方法, 来处理这些数组. 这个会在 [模板渲染的章节](store/template.md) 使用到.
 
+?> 1.5.3 以后可以直接修改 `bs.lists.$set(0,222)`, 这样会触发视图更新, 具体可以查看 `bui.array.set` 的使用
 
-## 3. 公共数据与私有数据
 
-?> 这是`bui.store`独特的地方, 我们通过`scope`来区分数据源, 再加上`isPublic:true`这个参数, 这样在`index.js`初始化以后, 所有的单页页面都可以拿到这个公共数据, 当公共数据改变的时候, 多个页面的数据视图都会重新渲染.
-
-
-```js
-window.router = bui.router();
-
-bui.ready(function() {
-
-    // 公共数据
-    window.store = bui.store({
-        scope: "app",
-        isPublic: true,
-        data: {
-            firstName: "Hello",
-            lastName: "BUI"
-        }
-    })    
-
-    // 初始化路由
-    router.init({
-        id: "#bui-router",
-        progress: true,
-        hash: true,
-        store: store,
-    })
-})
-```
-
-```html
-<b b-text="app.firstName"></b>
-```
-
-
-如上面例子: `store.firstName="Bingo"` 的时候, 所有单页页面上有`<b b-text="app.firstName"></b>` 进行渲染的模板,都会一起改变.
-
-?> 把`store`挂载到路由, 还可以解析公共数据的 `{{app.firstName}}` 之类的数据, 在模块里面,你也可以使用 `store.firstName` 读取跟修改公共数据的值, 会更新页面相关数据的视图.
-
-## 4. 加载的时机
+## 3. 加载的时机
 
 ?> 当store初始化的时候, 会做两件事情
 - 第1件事, 把当前已有的数据进行代理, 也就是vue使用的 `Object.define`来处理 data,watch,computed 这些数据挂载到 store实例本身;
@@ -174,7 +137,7 @@ bui.ready(function() {
 
 而页面的生命周期, 其实是在模块里面的, 通过路由的跳转执行模块的生命周期, 很多时候我们都无需关注, 我们也仅仅是提供了最简单的使用方式.
 
-## 5. 动态加载时机
+## 4. 动态加载时机
 
 我们看到上面的数据都是静态数据, 一开始数据是有初始值的, 这样是最好的, 但有时候我们还有动态数据, 需要通过请求以后才能加载进来, 这种又该如何处理呢?
 
@@ -234,7 +197,7 @@ mounted: function () {
 
 !> 如果首页的tab,要异步加载公共模板在`tab1`里,则需要在`tab1`里执行一次 `this.compile("#id")`, id 为当前tab的样式或者id名 .
 
-## 6. oneTick 与 nextTick 的区别.
+## 5. oneTick 与 nextTick 的区别.
 
 这两个方法, 都是在 dom 渲染以后执行, 不同的是:
 - `oneTick` 只在某个字段更新,并且视图渲染以后的才会触发, 并且同个字段只监听一次.
@@ -243,14 +206,16 @@ mounted: function () {
 !> 特别是在watch监听的时候, 千万不要使用 `nextTick`. 一般是在 `mounted` 使用.
 
 
-## 7. this.xxx 跟 this.$data.xxx 有什么区别?
+## 6. this.xxx 跟 this.$data.xxx 有什么区别?
 
 `this.xxx === this.$data.xxx`; 对于data里面的字段来说, 这2个值是完全相等的. 那他们之间的区别在哪里?
-`bui.store`通过`Object.defineProperty`劫持对象的读取或者设置获得字段, 通过订阅来响应页面上的DOM行为, 他们之间会有很多种组合, 最常见的一种情况是, 容易导致字段更新以后, 页面没有同时响应. 通过`log:true`可以看到字段读取的顺序.
+`bui.store`通过`Object.defineProperty`劫持对象的读取或者设置获得字段, 通过订阅来响应页面上的DOM行为, 他们之间会有很多种组合, 最常见的一种情况是, 容易导致字段更新以后, 页面没有同时响应. 通过`log:true`可以看到字段读取的顺序.(如果只有1层数据,则没有这个问题.)
 
-解决这个页面不响应的问题也很简单, 就是规定使用 `this.xxx` 用于设置; 在设置前, 数据的其它获取,计算,比对等操作, 需要通过 `this.$data.xxx` 去处理. 特别是多层级的设置.
+解决这个页面不响应的问题也很简单, 就是规定使用 `this.xxx` 用于设置; 在设置前, 数据的其它获取,计算,比对等操作, 需要通过 `this.$data.xxx` 去处理. 特别是多层级的设置. 如果字段层级较深, 可以使用 `this.set("xx.xx.xx",123)`, 确保能够正确触发视图更新. 
 
-```
+?> 在 `beforeMount` 里面的数据操作, 需要使用 `this.$data.xxx`
+
+```js
 var bs = bui.store({
   data: {
     a: {
@@ -260,10 +225,16 @@ var bs = bui.store({
       d: 345
     }
   },
+  beforeMount: function(){
+    // 获取页面参数
+    var pageParams = router.getPageParams();
+    // 在beforeMount 只能通过 this.$data.xx = xxx 这样去操作. 
+    this.$data.a.b = pageParams.id;
+  },
   mounted: function(){
-    // 判断或者比对,使用这种
+    // 判断或者比对,使用这种 this.$data.xxx
     if( this.$data.c.d == 345) {
-      // 设置使用这种
+      // 设置使用这种 this.xxx 
       this.a.b = 123;
     }
   }
@@ -271,6 +242,101 @@ var bs = bui.store({
 
 ```
 
-## 8. 常用方法
+?> 如果`data`里面的值是数组的操作, `bui.array.index, bui.array.indexs, bui.array.compare, bui.array.filter, bui.array.get, bui.array.getAll` 取值,比对,索引等方法, 应该使用 `this.$data.xxx` 作为参数. 
+如果是赋值修改操作 `bui.array.empty, bui.array.replace, bui.array.merge, bui.array.set, bui.array.delete, bui.array.remove` , 应该使用 `this.xxx` 作为参数.
+
+如果在`computed`的计算,也是需要直接使用 `this.xxx` 去读取才会触发 computed 的计算的.
+
+## 7. 公共数据与私有数据
+
+?> 这是`bui.store`独特的地方, 我们通过`scope`来区分数据源, 再加上`isPublic:true`这个参数, 这样在`index.js`初始化以后, 所有的单页页面都可以拿到这个公共数据, 当公共数据改变的时候, 多个页面的数据视图都会重新渲染.
+
+
+```js
+window.router = bui.router();
+
+bui.ready(function() {
+
+    // 公共数据
+    window.store = bui.store({
+        scope: "app",
+        isPublic: true,
+        data: {
+            firstName: "Hello",
+            lastName: "BUI"
+        }
+    })    
+
+    // 初始化路由
+    router.init({
+        id: "#bui-router",
+        progress: true,
+        hash: true,
+        store: store,
+    })
+})
+```
+
+```html
+<b b-text="app.firstName"></b>
+```
+
+
+如上面例子: `store.firstName="Bingo"` 的时候, 所有单页页面上有`<b b-text="app.firstName"></b>` 进行渲染的模板,都会一起改变.
+
+?> 把`store`挂载到路由, 还可以解析公共数据的 `{{app.firstName}}` 之类的数据(只渲染一次), 在模块里面,你也可以使用 `store.firstName` 读取跟修改公共数据的值, 会更新页面相关数据的视图. 
+
+
+## 8. Tab子模块加载公共数据
+
+!> 如果是在`tab` 里面要加载公共数据的模板解析的话, 需要执行多一次 `store.compile(".tab-news")` ;
+
+例如: 
+
+index.js  公共数据的示例数据
+```js
+window.store = bui.store({
+      scope: "app",
+      isPublic: true,
+      data: {
+          list: [{
+            id: "news1",
+            title: "新闻标题1"
+          },{
+            id: "news2",
+            title: "新闻标题1"
+          }]
+      },
+      templates: {
+        tplList: function(data){
+          var html = "";
+          data.forEach(function(item,index){
+            html +=`<li class="bui-btn">${item.title}</li>`
+          })
+
+          return html;
+        }
+      } 
+  })  
+```
+
+tab模块的结构及脚本.
+
+```html
+<div class="tab-news">
+  <ul class="bui-list" b-template="app.tplList(app.list)"></ul>
+</div>   
+```
+
+```js
+loader.define(function(){
+  // 必须执行一次
+  store.compile(".tab-news");
+})  
+```
+
+?> 因为tab异步加载一个模块的时候, html模板还没有渲染完毕, 但store已经处理完, 所以需要告诉store 还有哪个模板需要解析. 如果不是tab 则不用. 
+
+## 9. 常用方法
 
 请查看[bui.store API](http://www.easybui.com/demo/api/classes/bui.store.html)
diff --git a/docs/store/form.md b/docs/store/form.md
index cfbbd89..36a6b06 100644
--- a/docs/store/form.md
+++ b/docs/store/form.md
@@ -9,6 +9,7 @@
 - 把字段的值设置在当前input的value; 
 - input输入修改会把value的值赋值给字段. 
 
+!> 注意: input 的type类型必须声明是哪种类型(text,radio,checkbox)等.
 
 <iframe width="320" height="560" src="http://www.easybui.com/demo/#pages/store/input" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
@@ -278,7 +279,11 @@ var bs = bui.store({
 
 ### 多选联动
 
-
 <iframe width="320" height="560" src="http://www.easybui.com/demo/#pages/store/selectm" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 
 这个例子是一个自定义的模拟select, 我们放在[综合案例](store/case.md)里面讲. 
+
+### 弹窗选择交互
+
+<iframe width="320" height="560" src="http://www.easybui.com/demo/#pages/store/choose" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
+
diff --git a/docs/store/template-synatax.md b/docs/store/template-synatax.md
index 41c749f..479d359 100644
--- a/docs/store/template-synatax.md
+++ b/docs/store/template-synatax.md
@@ -19,7 +19,7 @@
 | b-command  | `<ul b-template="page.list" b-command="append"></ul>`   | 非必须,配合b-template一起使用,代表第一次模板渲染采用什么方法, 默认是html, append, prepend |
 | b-children  | `<ul b-template="page.list" b-children="li"></ul>`   | 非必须,配合b-template一起使用, 代表子集的元素,当子集里面有其它布局元素干扰的时候,才做配置, 可以是标签,类名 |
 | b-click  | `<b b-click="page.openDialog"></b>`   | 点击事件, openDialog 在 methods 定义.  |
-| b-target  | `<div class="parentDom"<b b-click="page.openDialog" b-target=".parentDom"></b></div>`   | 1.5.2新增 可以控制当前this的指向,这样会影响到 $index $this 等内置值,会在当前往上查找 b-target. 一般用于嵌套的层级过深,找不到父级index使用  |
+| b-target  | `<div class="parentDom"><b b-click="page.openDialog" b-target=".parentDom"></b></div>`   | 1.5.2新增 可以控制当前this的指向,这样会影响到 $index $this 等内置值,会在当前往上查找 b-target. 一般用于嵌套的层级过深,找不到父级index使用  |
 | b-src  | `<img b-src="page.imgurl" />`   | 1.5.2新增 动态图片地址 |
 | b-href  | `<a b-href="page.linkurl"></a>`   | 1.5.2新增 动态跳转地址 |
 
diff --git a/docs/store/template.md b/docs/store/template.md
index f6fbd41..aa22de4 100644
--- a/docs/store/template.md
+++ b/docs/store/template.md
@@ -163,9 +163,6 @@ var bs = bui.store({
 </ul>
 ```
 
-
-
-
 ## 2. 数据的增删改
 
 ?> 通过`b-template`的绑定, 我们可以通过操作数组,便能得到页面的及时响应.
@@ -218,8 +215,100 @@ html:
 
 !> 值得注意的是, 如果数组里面是一个对象, 对象的某个字段变更是不会反馈到视图的, 这种时候就可以使用 `bui.array.set` 来替换整条数据, 达到刷新视图的目的. 这个可以查看 [综合案例章节](store/case.md)的多选联动的 `setStatus` 方法, 会修改到数组对象的状态.
 
+`1.5.3 以后, 上面那些方法, 可以有更方便的使用方式`, 比方: 
+
+1. 清空数组 [].$empty()
+```js
+var arr = ["hello","bui","hi","easybui"];
+bui.array.empty( arr );
+
+// 1.5.3 版本以后可以这样
+arr.$empty();
+
+```
+
+2. 替换数组 [].$replace()
+```js
+var arr = ["hello","hi","easybui"];
+bui.array.replace( arr, ["new","bui"]);
+
+// 1.5.3 版本以后可以这样
+arr.$replace(["new","bui"]);
+
+```
+
+3. 合并数组 [].$merge()
+```js
+
+var arr = ["hello","hi","easybui"];
+bui.array.merge( arr, ["new","bui"]);
+
+// 1.5.3 版本以后可以这样
+arr.$merge(["new","bui"],["easy"]);
+
+```
+
+4. 修改数组 [].$set()
+```js
 
+// 例子1: 修改第几个
+var arr = ["hello","hi","easybui"];
+bui.array.set( arr, 1, "new hi");
+// ["hello","new hi","easybui"]
+
+// 1.5.3 版本以后可以这样
+arr.$set(1, "new hi");
+// arr 结果: ["hello","new hi","easybui"]
+
+// 例子2: 修改值等于 hi 为新值 new hi
+var arr = ["hello","hi","easybui"];
+bui.array.set( arr, "hi", "new hi");
+// ["hello","new hi","easybui"]
+
+// 1.5.3 版本以后可以这样
+arr.$set("hi", "new hi");
+// arr 结果: ["hello","new hi","easybui"]
+
+// 例子3: 修改对象值
+var arr = [{name:"hello"},{name:"hi"},{name:"easybui"}];
+bui.array.set( arr, 1, {name:"new hi"} );
+// [{name:"hello"},{name:"new hi"},{name:"easybui"}]
+
+// 1.5.3 版本以后可以这样
+arr.$set(1, {name:"new hi"});
+// arr 结果: [{name:"hello"},{name:"new hi"},{name:"easybui"}]
+
+// 例子4: 修改对象某个字段值, 需要传多一个唯一值的字段名
+var arr = [{name:"hello"},{name:"hi"},{name:"easybui"}];
+bui.array.set( arr, "hi", {name:"new hi"}, "name" );
+// [{name:"hello"},{name:"new hi"},{name:"easybui"}]
+
+// 1.5.3 版本以后可以这样
+// 单独修改某个值
+arr.$set("hello", "hi bui", "name");
+// 修改整个对象,不同的key值则会一起合并过去
+arr.$set("hi", {name:"new hi"}, "name");
+// arr 结果: [{name:"hello"},{name:"new hi"},{name:"easybui"}]
+```
 
+5. 删除数据并触发视图更新
+```js
+//例子1: 删除值或索引:
+var arr = ["hello","bui","hi","bui"];
+bui.array.delete(arr , "bui" );
+
+// 1.5.3 版本以后可以这样
+arr.$delete("hi");
+// arr 结果: ["hello","hi"]
+
+// 例子2: 删除值在哪个字段:
+var arr = [{ "id":1,value:"hello"},{ "id":2,value:"bui"}];
+bui.array.delete( arr, "bui", "value" );
+
+// 1.5.3 版本以后可以这样
+arr.$delete("bui", "value");
+// arr 结果: [{ "id":1,value:"hello"}]
+```
 
 ## 3. 模板的交互
 
@@ -345,9 +434,3 @@ var bs = bui.store({
 ### 效果预览
 
 <a href="http://www.easybui.com/demo/index.html#pages/store/template" target="_blank">查看效果</a>
-
-## 调试
-
-?> 如果把里面的变量`bs`,改成 `window.bs`, 可以在控制面板里面调试数据, `window.bs.list.push("我是列表3")` 所有模板都会增加数据.
-
-初始化的时候, 还有一个 `log:true` 参数, 控制开启,可以看到数据获取的过程.
diff --git a/docs/ui/standard.md b/docs/ui/standard.md
index ba2254a..12de25b 100644
--- a/docs/ui/standard.md
+++ b/docs/ui/standard.md
@@ -146,7 +146,7 @@
 
 ?> UI控件初始化可以在下面执行: 
 
-```
+```js
 // dom及bui控件初始化完毕 
 bui.on("pageinit",function(){
   // dom ready , bui ready
@@ -155,7 +155,7 @@ bui.on("pageinit",function(){
 
 ?> 多页开发控件及原生方法都必须在`bui.ready` 里面
 
-```
+```js
 // dom及bui及原生方法都初始化完毕 
 bui.ready(function(){
   // dom ready , bui ready, native ready