微信小程序開發(fā)三

1、微信小程序開發(fā)(二)第三章邏輯層邏輯層向表現(xiàn)層提供數(shù)據(jù)，響應(yīng)表現(xiàn)層事件. 第1節(jié)注冊程序1. APP(object)注冊小程序Object屬性方法屬性類型說明觸發(fā)onLaun ch()fun cti on初始化初始on Show()fun cti on顯示后轉(zhuǎn)前on Hide()fun cti on隱藏前轉(zhuǎn)后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()創(chuàng)建小程序?qū)嵗齰ar app In sta nee = getApp()第2節(jié)場景值部分場景值列表NOVALUEDESCNOVALUEDESCNOVALUEDESC11001發(fā)現(xiàn)欄71014程序模板131028我的卡包21005搜結(jié)果81020公眾號模141029卡券1001+100一 3100691022聊天置頂一151035公眾菜單第3節(jié)注冊頁面1. 注冊頁面：page(object)Object屬性和方法：NO屬性類型說明1dataobject數(shù)據(jù)2onLoadfun cti on加載3on Rea

3、dyfun cti on就緒4onShowfun cti on顯示Object屬性和方法：(續(xù)上頁)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. 初始化數(shù)據(jù):表現(xiàn)層代碼<view> text </view>邏輯層數(shù)據(jù)提供Page(data: text:初始數(shù)據(jù)',3. 事件處理：表現(xiàn)層事件綁定：<view bin dtap=" viewTap'click me </view>邏輯層事件處理:Page(viewTap fun cti on() con sole .Io g('view tap')4.生命周期函數(shù)：分析模型：表現(xiàn)層+表現(xiàn)層事件+兩層關(guān)聯(lián)+邏輯層+邏輯層事件生命周期：產(chǎn)生+存續(xù)+消毀視圖模

6、型：“泳道”圖startstartcreateinitin itedonLoadcreatedX,Wait dataF renderonShowWait notif>freadyonReadyJ丿111ren derActiveLonH ideren derCjF-Active、ren derJActiveonUnl oad第4節(jié)路由1.頁面棧頁面棧對頁面管理NO操作內(nèi)容頁面棧變化說明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()獲取頁面棧實例：返回值：數(shù)組索引12N3. 路由方式NO操作內(nèi)容觸發(fā)方式路由前頁面路由后頁面1初始化 load+show2打開新頁面 wx.n avigateTohide load+show3重定向 wx.redirectTohide'load+show4頁面返回 wx.n avigateBackhide show第5節(jié)模塊化1. 作用域：函數(shù)和變量只在當(dāng)前文件中有有效；全局變量通過 APP(DATA )設(shè)定，并通過var即使用全局變量;2. 模塊化：創(chuàng)建模塊文件，擴展名JS例如：user.js模塊文件結(jié)構(gòu)如下:/函數(shù)列表：Fun ction fun 1();Fun ction fun 2();/函數(shù)導(dǎo)出模塊引用實列如下：/引用JS文件Var com=requir