微信小程序开发(三).docx_第1页
微信小程序开发(三).docx_第2页
微信小程序开发(三).docx_第3页
微信小程序开发(三).docx_第4页
微信小程序开发(三).docx_第5页
已阅读5页,还剩3页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

微信小程序开发(三)第三章 逻辑层逻辑层向表现层提供数据,响应表现层事件.第1节 注册程序1. APP(object):注册小程序Object属性方法属性类型说明触发onLaunch()function初始化初始onShow()function显示后转前onHide()function隐藏前转后onError()function出错脚本出错其他any附加个人订制APP()代码实例App( onLaunch: function(options) / Do something initial when launch. , onShow: function(options) / Do something when show. , onHide: function() / Do something when hide. , onError: function(msg) console.log(msg) , globalData: I am global data)Options:场景值,详见场景值一章。2. getApp():创建小程序实例var appInstance = getApp()console.log(appInstance.globalData) / I am global data第2节 场景值部分场景值列表NOVALUEDESCNOVALUEDESCNOVALUEDESC11001发现栏71014程序模板131028我的卡包21005搜结果81020公众号模141029卡券310061001+100591022聊天置顶151035公众菜单41007单聊101023安卓图标161036消息卡51008群聊111024Profile页171042好友搜索61011二维码121025一维码181043公众模板第3节 注册页面1 注册页面:page(object)Object属性和方法:NO属性类型说明1dataobject数据2onLoadfunction加载3onReadyfunction就绪4onShowfunction显示5onHidefunction隐藏6onUnloadfunction卸载Object属性和方法:(续上页)NO属性类型说明7onPullDownRefreshfunction下拉刷新8onReachBottomfunction达到底端9onShareAppMessagefunction共享APP消息10其他function代码示例:Page( data: text: This is page data. , onLoad: function(options) , onReady: function() / Do something when page ready. , onShow: function() / Do something when page show. , onHide: function() / Do something when page hide. , onUnload: function() / Do something when page close. , onPullDownRefresh: function() / Do something when pull down. , onReachBottom: function() / Do something when page reach bottom. , onShareAppMessage: function() / return custom share date when user share. , viewTap: function() this.setData( text: Set some data for updating view. ) , customData: hi: MINA )2 初始化数据:表现层代码textarray0.msg逻辑层数据提供Page( data: text: 初始数据, array: msg: 消息1, msg: 消息2 )3 事件处理:表现层事件绑定: click me 逻辑层事件处理:Page( viewTap: function() console.log(view tap) )4 生命周期函数:分析模型:表现层+表现层事件+两层关联+逻辑层+逻辑层事件生命周期:产生+存续+消毁视图模型:“泳道”图表现层线程逻辑层线程两层关联startinitedinitstartcreateonLoadcreatedonShowWait dataWait notiF_renderreadyonReadyActiveActiverenderrenderrenderonHideonShowonUnloadActive第4节 路由1. 页面栈页面栈对页面管理NO操作内容页面栈变化说明1初始化P_init:in2打开新页面P_open:in3重定向P_cur:out;p_redirect:in4页面返回P_top:out;p_return:top5TAB切换P_all:out;p_tab:top6重加载P_all:out;p_reload:out2. getCurrentPages()获取页面栈实例:返回值:数组索引12N页面首页当前页3. 路由方式NO操作内容触发方式路由前页面路由后页面1初始化 load+show2打开新页面wx.navigateTohideload+show3重定向wx.redirectTohideload+show4页面返回wx.navigateBackhideshow5TAB切换wx.switchTabhideshow6重加载wx.relaunchhideload+show第5节 模块化1. 作用域:函数和变量只在当前文件中有有效;全局变量通过APP(DATA)设定,并通过var app=getApp();app.data.varant 使用全局变量;2. 模块化:创建模块文件,扩展名JS,例如:user.js.模块文件结构如下:/函数列表:Function fun1();Function fun2();/函数导出Modul.exports.fun1=fun1;Modul.exports.fun2=fun2;l模块引用实列如下:/引用JS文件Var com=require(“user.js”);/使用实例Page(method

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论