二、小程序的框架周期
2023-09-11 14:19:04 时间
一、小程序的逻辑 手册
使用App()来注册一个小程序,必须在app.js
中注册,且不能注册多个
App({//如下为小程序的生命周期 onLaunch: function() { },//监听初始化 onShow: function() { },//监听显示(进入前台) onHide: function() { },//监听隐藏(进入后台:按home离开微信) onError: function(msg) { },//监听错误 //如下为自定义的全局方法和全局变量 globalFun:function(){}, globalData: 'I am global data' })
使用Page()注册一个页面,在每个页面的js文件中注册
Page({ data: {text: "This is page data."},//页面数据,用来维护视图,json格式 onLoad: function(options) { },//监听加载 onReady: function() { },//监听初次渲染完成 onShow: function() { },//监听显示 onHide: function() { },//监听隐藏 onUnload: function() { },//监听卸载 onPullDownRefresh: function() { },//监听下拉 onReachBottom: function() { },//监听上拉触底 onShareAppMessage: function () { },//监听右上角分享 //如下为自定义的事件处理函数(视图中绑定的) viewTap: function() {//setData设置data值,同时将更新视图 this.setData({text: 'Set some data for updating view.'}) } })
小程序的视图与事件绑定,在每个页面中的wxml文件中,对页面js中data进行数据绑定,以及自定义事件绑定
<!--{{}}绑定data中的指定数据并渲染到视图--> <view class="title">{{text}}</view> <!--wx:for获取数组数据进行循环渲染,item为数组的每项--> <view wx:for="{{array}}"> {{item}} </view> <!--wx:if条件渲染--> <view wx:if="{{view == 'WEBVIEW'}}"> WEBVIEW </view> <view wx:elif="{{view == 'APP'}}"> APP </view> <view wx:else="{{view == 'MINA'}}"> MINA </view> <!--模板--> <template name="staffName"> <view>FirstName: {{firstName}}, LastName: {{lastName}}</view> </template> <template is="staffName" data="{{...template.staffA}}"></template> <template is="staffName" data="{{...template.staffB}}"></template> <!--bindtap指定tap事件处理函数为ViewTap--> <view bindtap="ViewTap"> 点我点我 </view>
相关文章
- Python 接口自动化测试框架
- Quartz-定时任务框架
- EF框架中,在实体中手动更新字段,数据库数据未同步到程序中应该怎么解决呢?
- UIKit 框架之UIImageView
- flask框架-路由
- scrapy框架使用-模拟登陆,使用cookie登陆,使用post登陆,使用selenium模拟登陆
- 基于事件驱动的领域模型实现框架 - 分析框架如何解决各种典型业务逻辑场景
- 全新的membership框架Asp.net Identity——绕不过的Claims
- RPC框架Thrift例子-PHP调用C++后端程序
- ASP.NET Core 6框架揭秘实例演示[17]:利用IHttpClientFactory工厂来创建HttpClient
- Atitit 知识点 文章 框架 结构 attilax总结.docx
- 微信小程序UI框架之【weui】怎样使用
- SpringBoot使用Mina框架进行服务端与客户端数据通信
- 微信小程序开发学习笔记(二)——小程序框架、组件、WXML
- 跨平台移动框架iMAG开发入门
- quick-cocos2d-x教程3:程序框架内文件夹分析之docs文件夹
- CodeIgniter框架开发的统计程序源代码开放
- 从单片机基础到程序框架 2019版(2020-07-04)[12.66%]
- 一文8000字详解Pytest自动化测试框架【保姆级教程】
- 从搭建到实战,看看这篇robotframework框架深度学习笔记
- 让C#程序run anywhere 脱离.net Framework框架环境
- 【微信小程序】一文带你吃透小程序开发框架——视图层中的事件系统
- 【微信小程序】一文带你吃透小程序开发框架——逻辑层
- 风格迁移0-05:stylegan-源码无死角解读(1)-框架总览
- web后端轻量级框架flask基础调用程序模板
- deepface:最先进轻量级人脸识别和人脸属性分析框架讲解
- 机器学习入门(二):工具与框架的选择
- 小白的 Vue + Element-Ui 前端开发框架的构建