微信小程序开发三

1、微信小程序开发(二)第三章逻辑层逻辑层向表现层提供数据，响应表现层事件. 第1节注册程序1. APP(object)注册小程序Object属性方法属性类型说明触发onLaun ch()fun cti on初始化初始on Show()fun cti on显示后转前on Hide()fun cti on隐藏前转后APP ()代码实例App(onLaun ch: fun cti on (opti ons) / Do something initial when launch.，on Show:f unction( optio ns) / Do someth ing whe n show.,onH i

2、de: function。Opti ons:场景值，详见场景值一章。2. getApp()创建小程序实例var app In sta nee = getApp()第2节场景值部分场景值列表NOVALUEDESCNOVALUEDESCNOVALUEDESC11001发现栏71014程序模板131028我的卡包21005搜结果81020公众号模141029卡券1001+100一 3100691022聊天置顶一151035公众菜单第3节注册页面1. 注册页面：page(object)Object属性和方法：NO属性类型说明1dataobject数据2onLoadfun cti on加载3on Rea

3、dyfun cti on就绪4onShowfun cti on显示Object属性和方法：(续上页)NO属性类型说明7on PullDow nRefreshfun cti on下拉刷新8on ReachBottomfun cti on达到底端代码示例:Page(data: text: "This is page data." ,on Load: fun cti on( opti ons) ,on Readyf un cti on() / Do somethi ng whe n page ready. ,on Show:f unction() / Do someth ing

4、whe n page show. ,onH ide: function。/ Do someth ing whe n page hide. ,onUnl oad: function。/ Do someth ing whe n page close. ,on PullDow nRefresh:fu nctio n() / Do someth ing whe n pull dow n. ,on ReachBottomfu nctio n() / Do someth ing whe n page reach bottom. ,onShareAppMessagefunction() /return cu

5、stom share date when user2. 初始化数据:表现层代码<view> text </view>逻辑层数据提供Page(data: text:初始数据',3. 事件处理：表现层事件绑定：<view bin dtap=" viewTap'click me </view>逻辑层事件处理:Page(viewTap fun cti on() con sole .Io g('view tap')4.生命周期函数：分析模型：表现层+表现层事件+两层关联+逻辑层+逻辑层事件生命周期：产生+存续+消毁视图模

6、型：“泳道”图startstartcreateinitin itedonLoadcreatedX,Wait dataF renderonShowWait notif>freadyonReadyJ丿111ren derActiveLonH ideren derCjF-Active、ren derJActiveonUnl oad第4节路由1.页面栈页面栈对页面管理NO操作内容页面栈变化说明1初始化Pn it:i n2打开新页面P_ope n:i n3重定向P_cur:out;p_redirect:i n4页面返回P_top:out;p_retur n:top2. getCurrentPage

7、s()获取页面栈实例：返回值：数组索引12N3. 路由方式NO操作内容触发方式路由前页面路由后页面1初始化 load+show2打开新页面 wx.n avigateTohide load+show3重定向 wx.redirectTohide'load+show4页面返回 wx.n avigateBackhide show第5节模块化1. 作用域：函数和变量只在当前文件中有有效；全局变量通过 APP(DATA )设定，并通过var即使用全局变量;2. 模块化：创建模块文件，扩展名JS例如：user.js模块文件结构如下:/函数列表：Fun ction fun 1();Fun ction fun 2();/函数导出模块引用实列如下：/引用JS文件Var com=requir