A análise dos dados é nenhuma falta de documentos públicos do micro-carta applet.
Procedimentos de registo função App ()
App(Object object)applet de inscrição. Aceita um Objectparâmetro, que especifica os retornos de chamada do ciclo de vida e outros programas pequenos.
App()Deve app.jschamar, você deve chamar e ser chamado apenas uma vez. Caso contrário, haverá conseqüências não intencionais.
Os desenvolvedores podem getAppchegar a uma forma globalmente exclusivo Appde exemplo, para obter Appdados ou convidando desenvolvedores registrados na Appfunção.
estrutura básica da seguinte forma:
// app.js
App({
onLaunch (options) {
// Do something initial when launch.
},
onShow (options) {
// Do something when show.
},
onHide () {
// Do something when hide.
},
onError (msg) {
console.log(msg)
},
test:function() { //添加
console.log("my name is test and come from App.js");
},
globalData: { //添加
userInfo:null,
helloFromApp:'Hello,I come from App.js' //---添加
}
})
Que
onLaunchlifecycle retornos de chamada - o ouvinte pequena inicialização do programa. Quando a inicialização do miniaplicativo estiver concluída, ele irá acionar onLaunch (Global dispara apenas uma vez).
onshowfunção de ciclo de vida - monitor exibe applet. Quando o applet é iniciado, ou a partir do fundo para a exibição de primeiro plano é acionado onShow.
onHidefunção de ciclo de vida - applets do monitor escondido. Quando o applet do primeiro plano para o segundo plano, ele irá acionar onHide
onErroruma função de monitor de erro. Quando um pequeno erro de script ocorre ou chamada de API falhar, ele irá acionar onError e trazer a mensagem de erro.
onPageNotFoundfunção de ouvinte página não existe. Quando a situação parecia ser um pequeno programa para abrir uma página que não existe, a página vai trazer informações para a função de retorno.
Primeiro plano, fundo é definido : Quando o usuário clica para fechar o canto superior esquerdo ou pressione a tecla Home para deixar o dispositivo micro-channel, o applet não está diretamente destruído, mas para o fundo; micro carta ao entrar ou re-abrir o applet de novo, vai entrar no plano de fundo . Note-se que: Apenas pequeno programa em segundo plano quando um certo recursos de tempo ou de sistema é muito alto, será a destruição real.
Nota:
- Não definido na App (função) na chamada getApp (), você pode usar este aplicativo para obter a instância.
- Não chame getCurrentPage quando onLaunch de (), em seguida, a página não foi gerado.
- Por getApp (depois de adquirir exemplo, não tente chamar a função do ciclo de vida).
Página (objeto Object)
Uma página pequeno registro de programa. Tome um parâmetro do tipo Object, que especifica a página inicial de dados, chamadas de retorno do ciclo de vida, manipuladores de eventos e assim por diante.
dataA página inicial de dados.
Quando a página é carregada, os dados irão ser transmitidos sob a forma de uma cadeia de caracteres JSON rendem camada pela camada de lógica, os dados em que os dados devem ser convertidos para os tipos JSON: cadeia, número, booleano, matriz objecto.
onLoadretornos de chamada do ciclo de vida - Monitor de carga página
onShowretornos de chamada do ciclo de vida - Monitorar exibição da página
onReadyretornos de chamada do ciclo de vida - ouvindo renderização da página inicial está completa
onHideretornos de chamada do ciclo de vida - monitor página Esconder
setDataFunção é usada para transmitir dados da camada lógico para a camada de visão (assíncrono), enquanto se varia o valor correspondente this.data (sincronização).
Nota: modificar diretamente this.data sem chamar this.setData não pode alterar o estado da página, ele irá resultar em inconsistências de dados.
ObjectNa key: valueforma representada, para this.dataa keymudança para o valor correspondente a value.
Exemplos
//index.js
Page({
data: {
text: 'init data',
num: 0,
array: [{ text: 'init data' },{text:'ascboa'}],
object: {
text: 'init data'
}
},
changeText: function () {
// this.data.text = 'changed data' // bad, it can not work
this.setData({
text: 'changed data'
})
},
changeNum: function () {
this.data.num = 1
this.setData({
num: this.data.num
})
},
changeItemInArray: function () {
// you can use this way to modify a danamic data path
this.setData({
'array[1].text': 'changed data'
})
},
changeItemInObject: function () {
this.setData({
'object.text': 'changed data'
});
},
addNewField: function () {
this.setData({
'newField.text': 'new data'
})
}
})
<!--index.wxml-->
<view>{{text}}</view>
<button bindtap="changeText"> Change normal data </button>
<view>{{num}}</view>
<button bindtap="changeNum"> Change normal num </button>
<view>{{array[1].text}}</view>
<button bindtap="changeItemInArray"> Change Array data </button>
<view>{{object.text}}</view>
<button bindtap="changeItemInObject"> Change Object data </button>
<view>{{newField.text}}</view>
<button bindtap="addNewField"> Add new data </button>
requirePodemos obter outros arquivos para exportar dados via require (), mas deve-se notar que o caminho só pode ser passada para exigir um caminho relativo. Tais como:
var util = require("../../utils/util.js");
Também aqui é equivalente a adicionar uma biblioteca de funções personalizadas, chamar os membros do util.
formFormar
report-submitse um modelo de mensagem para enviar um retorno formId ..
report-submit-timeoutEsperar algum tempo (milissegundos) para confirmar formId efeito take. Se este parâmetro não for especificado, formId há uma pequena probabilidade é inválido (a situação em caso de falha de rede). Este parâmetro pode especificar se ou não efetivamente detectar formId a este tempo como o parâmetro de tempo limite desta detecção. Se ele falhar, ele retorna requestFormId: formId falhar início do
bindsubmittransporte de dados em forma de enviar evento, event.detail = {value: { ' nome': 'value'}, formId: ''}
bindresetevento de redefinição gatilho quando o formulário é reposto .
A moldura principal como se segue
<form bindsubmit="formSubmit" bindreset="formReset">
<button formType="submit">Submit</button>
<button formType="reset">Reset</button>
</form>
atributo código básico app.json análise
app.jsonArquivo para o arquivo de dados global.
pageAtributo
cada pagedeve ser registrado aqui. Em outras palavras, querendo saber o programa de micro-pequena canal page, veja aqui nele. Se você deseja criar um novo page, similar aqui foi adicionado nele.
windowsPropriedades
avigationBarBackgroundColor: navegação cor de fundo bar.
navigationBarTitleText: Barra de navegação do texto.
navigationBarTextStyle: Cor de navegação barra de texto
