小程序逻辑app.js

小程序的逻辑文件为app.js，可以通过App（）函数注册小程序的生命周期函数，全局方法和全局属性，逻辑层可以通过getApp()获取

如：app=getApp()

1.注册小程序

App()函数用于注册一个小程序，参数为Object对象，这个参数可以注册定义为自定义的方法和属性供全局使用。

参数属性有

onLaunch：生命周期函数，监听小程序初始化。

onShow：生命周期函数，监听小程序显示，当小程序启动，或者从后台进入前台显示时都会启动onShow。

onHide：生命周期函数，监听程序隐藏，小程序从前台进入后台触发。

other：其他

例子代码：

App(

{

   onLauch: function(){

    },

   onShow : function(){

   },

  onHide : function(){

  },

  globalFunction : "全局函数“，

  globalData ： "全局属性"

} );

2.小程序获取

var app= getApp();

console.log(app.globalData);

3.全局样式

app.wxss 为全局样式，类似css的一套样式语言进行编写。需要学习一下CSS

4.框架页面文件

包含4个文件，js.文件，wxml文件，wxss文件，json文件

5.Flex布局

Flex 是FlexibleBox的缩写

5.1容器属性

容器属性有：

display：通过设置display属性，指定元素是否为Flex布局。

flex-direction:指定主轴方向，来觉得项目排列方式。

flex-wrap：排列换行设置。

justify-content：定义项目在主轴上的对齐方式。

align-item：是定义项目的交叉走上的对齐方式。

align-content：定义多跟轴线的对齐方式，如果只有一个，不起作用。